カテゴリー：HTML / CSS

CSSの書き方とセレクタの一覧です。 目次 CSSの書き方 セレクタの一覧 CSSの書き方 セレクタ{ 　プロパティ:値; 　プロパティ:値; 　・・・ } セレクタは、CSSを適用する場所です。(どこに) プロパティは […]

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 […]