| 属性 |
機能・メモ |
値 |
| position |
要素の配置方法を指定 |
- static※
- 標準の位置
- absolute
- 親要素からの座標
- fixed
- absoluteと同じ位置（スクロールさせても固定）
- relative
- 先に記述されたものからの座標で指定
|
|
|
それぞれ上下左右からの距離を指定 |
- auto※
- 自動調整
- 数値＋単位
- %は親要素に対する割合
|
| float |
左右への回り込みを指定 |
- none※
- 回り込みはしない
- left
- 他の要素を右に配置
- right
- 他の要素を左に配置
|
| clear |
左右への回り込みを解除 |
- none※
- 回り込みを解除しない
- left
- 他の要素を右に配置するのを解除
- right
- 他の要素を左に配置するのを解除
- both
- 左右両方の回り込みを解除
|
| z-index |
要素の重なり順を指定 |
- auto※
- 親要素と同じ
- 整数
- 数字が大きいほど上に配置
|
| overflow |
表示内容が収まらない場合の表示方法を指定 |
- auto※
- 自動調整
- visible
- はみ出た部分も表示
- hidden
- はみ出た部分は表示しない
- scroll
- スクロールして表示
|
| clip |
要素の見える範囲を指定 |
- auto※
- 自動調整
- rect(上,右,下,左)
- 要素の各辺から内側への距離を指定
|
| visibility |
要素の表示／非表示を指定 |
- visible※
- 表示
- hidden
- 非表示
- collapse
- テーブル行、列およびそのグループを非表示
|
| display |
要素の表示の方法を指定 |
- block
- ブロック要素にする
- inline
- インライン要素にする
- list-item
- リスト項目にする
- run-in
- 後に続くブロック要素の中にインラインとして表示
- compact
- 後に続くブロック要素のマージンの中にインラインとして表示
- marker
- リスト項目のマーカーにする
- table
- テーブルにする
- inline-table
- インラインのテーブルにする
- table-row-group
- テーブルの行のグループにする
- table-header-group
- テーブルのヘッダのグループにする
- table-footer-group
- テーブルのフッタにする
- table-row
- テーブルの行にする
- table-column-group
- テーブルの列のグループにする
- table-cell
- テーブルのセルにする
- table-caption
- テーブルのキャプションにする
- none
- 表示しない
|