CSS top プロパティ

絶対配置の <div> 要素の上端を、最も近くに配置された祖先の上端の下 80px に設定します：

div.absolute {
    position: absolute;
    top: 80px;
    width: 200px;
    height: 100px;
    border: 3px solid #8AC007;
}

定義と用法

絶対配置の要素に対する top プロパティは、最も近くに配置された祖先の上端から上/下へ離す量を設定します。

注: 絶対配置の要素に "positioned" 配置の親がない場合は、文書の body が使われ、ページスクロールすると一緒に移動します。

注: "positioned" 要素とは、static 配置以外のものです。

相対配置の要素に対する top プロパティは、要素の上端を通常位置から上/下へ離す量を設定します。

注: "position:static" の場合、top プロパティの効果がありません。

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
top	1.0	5.0	1.0	1.0	6.0

top: auto|length|initial|inherit;

値	説明	Play it
auto	上端の位置をブラウザが計算します。これがデフォルトです	Play it ❯
length	px、cm 等で上端の位置を設定します。マイナスの数値が使用できます	Play it ❯
%	包含要素の % で上端の位置を設定します。マイナスの数値が使用できます	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照