カテゴリー：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プロパティを使用します。 確認環境 ・Google Chrome ・Windows 10 目次 トランジションのサンプル トランジショ […]

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