表示位置に関する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辞典