表示位置に関するCSS

■ポジション

例{position:static}

例{position:absolute;
top:0;left:0}

例{position:relative;
top:-30;left:30}

■CSS
タグ{position:キーワード;
top:(上)表示位置;left:(左)表示位置;}
■HTML
<タグ style="position:キーワード;
top:(上)座標位置;left:(左)座標位置">〜</タグ>
■キーワード
キーワード 適用される座標系
static HTMLレイアウト規則に従って
自動的に決められた座標系
absolute BODYの左上が原点の座標系
※絶対サイズで指定
relative 直前のブロックタグが原点の座標系
※相対サイズで指定

■Z座標(表示順)

例{position:relative;
top:30;left:0;z-index:3}

例{position:relative;
top:0;left:-3;z-index:5}

例{position:relative;
top:-30;left:5;z-index:1}

■CSS
タグ{position:キーワード;
z-index:Z座標位置;}
■HTML
<タグ style="position:キーワード;
z-index:Z座標位置">〜</タグ>

■関連項目
■文字非表示(CSS)
■CSS
タグ{visibility:hidden}
■HTML
<タグ style="visibility:hidden">

Presented by
HTML辞典