left

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

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

セレクタ { left: }

目次

leftプロパティの説明

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

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

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

leftプロパティの記述例

<head>
 <style type="text/css">
  <!--
  h3 {background-color:#ffcc66;
     position:absolute;
     top:10px;
     bottom:auto; 
     left:100px}
  p {background-color:#ccff33;
    position:absolute;
    top:170px;
    bottom:auto; 
    left:100px}
  div {position:absolute; 
      top:40px;
      bottom:auto;
      left:100px}
  -->
 </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>
 

leftプロパティの表示例


leftプロパティの関連項目

Powered by Web Professional

目次