左端から右方向の位置を指定する
CSSの書き方
left:値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
基準点の左端からの距離を指定するためのスタイルシートです。通常は、ボックス要素の基準点を定める「position」プロパティと併用します。
値
「left」プロパティで指定できる値は、「auto」または「サイズ（数値）」による指定です。「left:auto;」とした場合、隣接するボックスとの関係で決定されます。
数値による指定は、正（プラス）の値と負（マイナス）の値どちらでも指定できます。プラスの値で指定した場合は、基準点から右向きに、マイナスの値で指定した場合は左向きに動きます。数値ではないパーセント等による指定はできません。
CSS/HTMLサンプル
div { position:relative; top:15px; left:10px; }
p { width:500px; }
p.rel { position:relative; top:70px; left:30px; background:#ffdff9;}
p.abs1 { position:absolute; top:15px; left:60px; background:#f6f6f6;}
p.abs2 { position:absolute; top:20px; left:360px; background:#accbfd;}
p.fix { position:fixed; right:0px; bottom:0px; background:#fea381;}
クラスを指定した各段落要素の配置を指定 サンプル
