トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 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」 自動で指定されるようになります。
効果 上下左右に数字で位置を指定することができる。

▲上に移動