kokusyo

「width」プロパティを使用して、横幅を設定しているのに文章がはみ出す事ってありませんか？その原因は、文章の中に英単語が入っているからでしょう。 基本的には英語圏では、英単語を折り返すことはないよう ...

HTMLエラーチェッカーのインストール方法 HTMLエラーチェッカーは、タグの閉じ忘れや、タグの間違いなどを検出してくれるChromeの拡張機能です。コーディング中のChromeでの表示確認は必須なの ...

videoタグを使用して埋め込む サイトに動画を埋め込むには「video」タグを使用します。「video」タグだけでも、動画を埋め込むことができますが、「p」タグや「figure」タグを親要素にするこ ...

電話番号を設定 電話番号を設定するには、aタグの「href」属性に「tel:電話番号」を指定します。 <!-- tel:の後に続いて電話番号を設定 --> <a href=&quot ...

CSSのcounterを利用して連番を振ろう たとえば、先頭に番号が振っているリストをCSSカウンターで表示してみましょう。 タグ構成とCSSは下記の通りです。 <ul> <li&g ...

「transform: scale（）」を使用して反転する 画像などのを反転するには、「transform: scale（）」プロパティを使用します。「transform: scale（）」プロパティ ...

「background-position」の指定方法 「background-position」を指定するには、「top」、「center」等で指定する方法とpx、%で指定する方法があります。実際に↓ ...

inline-blockに発生する謎の隙間 まずは、下記の図をご覧ください。これは、inline-block要素３つを横に並べたものです。 やはり隙間が空いてますね。ちなみに、cssは下記のとおりです ...

disabled属性の指定の仕方 disabledの指定の仕方を見ていきます。下記は主要なフォームパーツですが、特に何も指定していないので操作が可能だと思います。これを無効化していきます。 選択 ボタ ...

Webサイトを見てたら、文章やタイトルにカーソルが出て点滅してる！！ なにこれ！！　と思ってブラウザで調べた結果、当サイトに行き着いたのではないでしょうか？今回はこの謎の現象を速攻修正する方法をお伝え ...