top
上からの距離
top: 値;
top、right、bottom、left プロパティは、ボックスの配置位置を指定するプロパティです。
このtopプロパティは、上からの距離を指定する際に使用します。
※配置位置の指定は、positionプロパティで relative、absolute、fixed を指定している場合に有効となります。
top: 30px;
プロパティ名 | 値 | 説明 |
---|---|---|
top | auto | 自動 (初期値) |
長さ、% | 数値+単位(px 等)またはパーセント |
- 「%」の指定は、親ボックスの高さに対する割合となります。
.example {
position: absolute;
top: 30px;
}