カテゴリー：HTML / CSS

CSSのセレクタの一覧です。 セレクタとは CSSを適用する場所です。 以下の2行目の#a1がセレクタです。頭に#がついているのでIDセレクタといいます。7行目のid=”a1″を指しています。 3行目のcolorはプロパ […]

CSSの複数のセレクタを指定するサンプルと絞り込むサンプルです。 目次 1つのCSS命令群に対して複数のセレクタを指定する 複数のセレクタで対象を絞り込む 複数の属性セレクタで対象を絞り込む 擬似クラスと属性セレクタで絞 […]

HTMLの見出しを指定するサンプルです。 caption要素を使用します。 caption 要素 < table> <caption>見出し</caption> テーブルの見出しを指定 […]

HTMLのラジオボタンやチェックボックスなどのクリックできる範囲を広げる方法です。 label要素を使用します。 label要素 １．< label><(ラジオボタン等)>文言</label […]

CSSの単語の改行方法を指定するサンプルです。 word-breakプロパティを使用します。 word-break プロパティ word-break : 値 値 説明 normal 言語のデフォルトの改行ルールを使用しま […]

CSSの長さの単位(px,em,rem)のサンプルです。 目次 px(ピクセル) em rem px(ピクセル) ディスプレイはピクセルの集まりでできています。 例えば、ディスプレイの解像度が1920*1080の場合、横 […]

CSSのトランジション効果(アニメーション効果)を出すサンプルです。 transitionプロパティについてです。 トランジションとは、 例えば背景色の変更を指定した時、通常は即座に切り替わりますが、トランジションを指定 […]

CSSのul要素とli要素のリストの項目を変更するサンプルです。 list-style-typeプロパティを使用します。 list-style-typeプロパティ list-style-type : 値 値 説明 dis […]