bottom

提供: ASCII.jp CSSリファレンス

役割・機能 下からの配置位置を指定する
適用 position指定がある要素
継承の有無 継承なし
書式

セレクタ { bottom: }

目次

bottomプロパティの説明

positionプロパティでrelative、absolute、fixedが指定された場合の、下からの位置を指定します。サンプルでは、p要素とdiv要素の下からの位置を合わせています。

bottomプロパティに指定可能な値

属性値 説明
パーセント、単位付きの数値 パーセント、単位付きの数値を入力する
auto 自動

bottomプロパティの記述例

<head>
 <style type="text/css">
  <!--
  h3 {background-color:#ffcc66;
      position:absolute;
      bottom:140px; 
      left:100px}
  p {background-color:#ccff33;
    position:absolute;
    bottom:80px; 
    left:200px}
  div {position:absolute; 
      bottom:80px;
      left:auto}
  -->
 </style>
</head>
<body>
 <div>
 <img src="image/shippo3.jpg">
 </div>
 <p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE M-5.Hey Joe M6.MIRROR BALLS</p>
 <h3>小象のしっぽ</h3>
 

bottomプロパティの表示例


bottomプロパティの関連項目

Powered by Web Professional

目次