トップページ
利用規約
掲示板
サーバー紹介
レンタル紹介
素材屋紹介
リンクする
相互リンク
アフィリエイト
初心者
HTML
TABLEタグ
スタイルシート
色の見本
タグ練習
タグ辞典
スタイルシートの説明
相対的な位置に配置 (サンプル)
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
▼
▼
▼
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。
相対的な位置に配置 (詳細情報)
対応
Internet Explorer 4 ↑
Netscape 6 ↑
(ブラウザの対応)
字体
position:absolute;
top:★;
bottom:★;
left:★;
right:★;
指定
★の部分に下記の「 」内 の効果を指定していきます。
position:★;
の部分には
absolute
を入れておきます。
そして、top:★; bottom:★; left:★; right:★; の部分を指定します。
「
数字
」 親ボックスからの距離で位置を指定します。
(単位の種類: px pt mm cm in pc em ex )
「
%
」 親ボックスを基準に割合で位置を指定します。
「
auto
」 自動で指定されるようになります。
効果
上下左右に数字で位置を指定することができる。
▲上に移動