CSS z-index 要素の重なる順番を指定する
目次 サンプル z-index z-indexのサンプル z-index z-indexは、要素の重なる順番を指定します。 z-index : 値 値は以下を設定します。 数値 数値が大きいほど前面に表示されます。 au […]
カテゴリー：HTML / CSS
CSS positionのfixedで要素の位置を固定
目次 サンプル positionのfixed 要素の位置を固定して配置する(fixed) positionのfixed positionのfixedは、ウィンドウの表示領域を基準として要素を配置します。 position […]
CSS position absolute 親を基準に要素を配置する
目次 サンプル positionのabsolute 親要素を基準として要素を配置(absolute) 親要素にposition:relativeが存在しないとき positionのabsolute positionのab […]
CSS position relative 要素を元の位置からずらす
目次 サンプル positionのrelative 元の位置を基準として要素を配置する(relative) positionのrelative positionのrelativeは、要素を元の位置からずらして配置します。 […]
CSS floatとclear 回り込みと解除のサンプル
CSSの回り込みと解除のサンプルです。 目次 サンプル floatの動き floatが効かないとき clearの動き 親子要素：親にoverflow:hiddenで子のfloatを解除する […]
CSS border-spacing テーブルの枠線の間隔を指定
目次 サンプル border-spacingとは 枠線の間隔を上下左右にセット(数値+pxを指定) 枠線の間隔を左右と上下にセット(数値+pxを2つ指定) 背景色を指定してテーブルを作成するサンプル border-spa […]
CSS border-collapse テーブルの枠線を重ねる/離す
目次 サンプル border-collapse テーブルの枠線を重ねて表示(collapse) テーブルの枠線を離して表示(separate) テーブルの一部の線を消す separateでテーブルを作成 border-c […]
CSS margin 外側の余白/中央・右に寄せる
説明 marginとは サンプル marginに数値+pxを指定 marginに数値+%を指定 要素を中央寄せにする 要素を右寄せにする マージンが上下に被った場合 マージンが左右に被った場合 marginを個別に指定 […]