CSS Positioning プロパティ 一覧 関数 要素 使い方・書き方 例 CSS サンプル

2018-05-04 css

Positioning プロパティ・セレクタ

CSS プロパティ	説明 要約
bottom 詳細 情報 bottom 実例 プロパティ 使い方 コード	bottomとは、 下のCSSプロパティは、配置された要素の垂直位置を指定するのに関与する ことができる。non-positioned要素には特に影響はない
clear 詳細 情報 clear 実例 プロパティ 使い方 コード	clearとは、 明確なCSSプロパティは、要素がその前にある浮動要素の隣にあるか、その下に移動（クリア）される必要があるかどうかを指定する ことができる。clearプロパティは、フローティングnon-floating要素と要素の両方に適用される
float 詳細 情報 float 実例 プロパティ 使い方 コード	floatとは、 コンテナの左側または右側に要素を配置し、テキスト要素とインライン要素を囲むように指定する ことができる。この要素は、絶対的な配置とは対照的に、まだフローの一部を残していますが、Webページの通常のフローから削除される
left 詳細 情報 left 実例 プロパティ 使い方 コード	leftとは、 左側のCSSプロパティは、配置された要素の水平位置を指定するために使用されるnon-positioned要素には特に影響はない
position 詳細 情報 position 実例 プロパティ 使い方 コード	positionとは、 位置CSSプロパティは、要素がドキュメント内でどのように配置されるかを指定する ことができる。上、右、下、左のプロパティは、配置された要素の最終的な位置を決定する ことができる。
right 詳細 情報 right 実例 プロパティ 使い方 コード	rightとは、 正しいCSSプロパティは、配置された要素の水平位置を指定するのに関与する ことができる。non-positioned要素には特に影響はない
top 詳細 情報 top 実例 プロパティ 使い方 コード	topとは、 一番上のCSSプロパティは、配置された要素の垂直位置を指定するために使用されるnon-positioned要素には特に影響はない
z-index 詳細 情報 z-index 実例 プロパティ 使い方 コード	z-indexとは、 指定z-order位置の要素とその子孫のを。要素が重なっている場合は、z-orderどちらが他をカバーするかを決定する ことができる。z-index一般に、より大きな要素は、より小さな要素をカバーする。