CSS line-height 行の高さを指定する
目次 ・line-heightとは ・line-heightの図解 ・line-heightの値を1.5とした場合 ・line-heightの値を2とした場合 ・行の高さを継承する line-heightとは line- […]
カテゴリー：HTML / CSS
CSS overflow はみ出し部分を表示する/しない
目次 ・overflowとは ・はみ出して表示(visible) ・超える分は表示しない(hidden) ・スクロールで表示(scroll) ・ブラウザによる(auto) ・overflow-x ・overflow-y […]
CSS overflow-wrap/word-wrap 単語の改行
目次 ・overflow-wrap/word-wrapとは ・値：normal ・normalで英字の場合、改行せずに表示 ・normalで日本語の場合は、改行して表示 ・値：break-word ・単語の途中でも改行 […]
CSS z-index 要素の重なる順番を指定する
目次 ・z-index ・z-indexのサンプル z-index z-indexは、要素の重なる順番を指定します。 z-index : 値 値は以下を設定します。 数値 数値が大きいほど前面に表示されます。 auto […]
CSS positionのfixedで要素の位置を固定
目次 ・positionのfixed ・要素の位置を固定して配置する(fixed) positionのfixed positionのfixedは、ウィンドウの表示領域を基準として要素を配置します。 position : […]
CSS position absolute 親を基準に要素を配置する
目次 ・positionのabsolute ・親要素を基準として要素を配置(absolute) ・親要素にposition:relativeが存在しないとき positionのabsolute positionのabso […]
CSS position relative 要素を元の位置からずらす
目次 ・positionのrelative ・元の位置を基準として要素を配置する(relative) positionのrelative positionのrelativeは、要素を元の位置からずらして配置します。 po […]
CSS floatとclear 回り込みと解除のサンプル
目次 ・floatの動き ・floatが効かないとき ・clearの動き ・親子要素：親にoverflow:hiddenで子のfloatを解除する ・親子要素：親にclearfixで子のfloatを解除する floatの […]