例
絶対的な位置付けの左端に設定し<div>その最も近い位置付け祖先の左端の右側にある要素の80pxを：
div.absolute {
position: absolute;
left: 80px;
width: 200px;
height: 120px;
border: 3px solid #8AC007;
}
»それを自分で試してみてください 定義と使用法
絶対配置要素の場合、左のプロパティは、その最も近い位置付け祖先の左端の左/右にユニットに要素の左端を設定します。
注意：絶対位置指定要素は何も配置さ祖先を持っていない場合は、文書本体を使用し、ページのスクロールと一緒に移動します。
注：A "positioned"要素が位置静的以外のものであるものです。
比較的位置付け要素の場合、左の財産権は、通常の位置に/左にユニットに要素の左端を設定します。
Note:場合は"position:static" 、左のプロパティは効果がありません。
| デフォルト値： | auto |
|---|---|
| 継承されました： | no |
| アニメーション： | yes. Read about animatable Try it |
| バージョン： | CSS2 |
| JavaScriptシンタックス： | object .style.left="100px" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| left | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSSの構文
left: auto|length|initial|inherit;プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| auto | ブラウザは左端の位置を計算することができます。 これがデフォルトです | それを再生します» |
| length | 負の値が許可されるなどピクセル、センチ、左エッジ位置を設定します。 | それを再生します» |
| % | 元素を含有するの％での左端の位置を設定します。 負の値は許可されています | それを再生します» |
| initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル： CSSのポジショニング
CSSリファレンス： right property
CSSリファレンス： bottom property
CSSリファレンス： top property
HTML DOMリファレンス： left property