最終更新日

topプロパティ

topは、要素を配置する際に、上からの距離を指定するためのプロパティです。上からの距離とは、基準位置の上端から配置する要素の上端までの距離を指します。

topで指定するのは、基準位置からの距離のみです。実際の表示位置の指定には、positionを併用して、基準位置を設定する必要があります。

以下は、関連プロパティです。

right
bottom
left

CSS3での変更点
特にありません
初期値 適用先 継承
auto positionが設定された要素 なし
説明
長さの値 「5px」「3em」のように、数値に単位を付けて指定します。
パーセント値 「100%」のように、数値に「%」の単位を付けて、他の値に対する割合で示します。
auto 値が自動的に計算されます。(初期値
サンプルコード
top: 10px;
top: 10%;
top: auto;
参考文献:CSS Positioned Layout Module Level 3外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。