CSS background 背景色を指定する

目次 サンプル background 色を指定 背景色を指定 色に透明度を付ける(rgba) 背景色を無しで上書きする(none) background 色を指定 backgroundと色のセットで背景色を指定します。 […]

CSS box-sizing paddingとborderの表示方法

目次 サンプル box-sizing 幅と高さにpaddingとborderを含まない (content-box)   幅と高さにpaddingとborderを含む (border-box) box-sizin […]

CSS width 幅を指定するサンプル

目次 01. width ・widthとは 02. サンプル ・数値+pxを指定 ・数値+%を指定 ・autoを指定 widthとは widthは幅を指定します。 width : 値 値は以下を設定します。 数値 + 単 […]

CSS font-family フォントを指定する

目次 01. font-family ・font-familyとは 02. フォントファミリー名 ・フォントファミリー名の主な一覧 ・フォントファミリー名の使用例 03. 総称フォントファミリー名 ・総称フォントファミリ […]

CSS line-height 行の高さを指定する

目次 01. line-height ・line-heightとは ・line-heightの図解 02. 使用例 ・line-heightの値を1.5とした場合 ・line-heightの値を2とした場合 ・行の高さを […]

CSS overflow はみ出し部分を表示する/しない

目次 01. overflow ・overflowとは 02. 使用例 ・はみ出して表示(visible) ・超える分は表示しない(hidden) ・スクロールで表示(scroll) ・ブラウザによる(auto) ・ov […]

CSS overflow-wrap/word-wrap 単語の改行

目次 01. 単語の改行を操作する ・overflow-wrap/word-wrapとは 02. 値:normal ・normalで英字の場合、改行せずに表示 ・normalで日本語の場合は、改行して表示 03. 値:b […]