CSS 参考マニュアル

CSS @ルール(RULES)

left CSS属性は、定位された要素を参照要素のフレームワークまたはブラウザのウィンドウの左側のエッジに向かって左側のエッジのオフセット量を指定します。

要素、このleft属性は、要素のフレームワークの左側のエッジがその含むブロックの左側のエッジに向かってオフセットする距離を指定します。left CSS属性は、定位された要素を参照要素のフレームワークまたはブラウザのウィンドウの左側のエッジに向かって左側のエッジのオフセット量を指定します。絶対的な定位の
要素、このleft属性は、要素のフレームワークの左側のエッジがその含むブロックの左側のエッジに向かってオフセットする距離を指定します。相対的な定位の要素、このleft属性は、フレームワークの左端のオフセット量を指定します（フレームワークに正常なフローでの位置を指定し、これらの属性に基づいてその位置からオフセットします）。

以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用構文を示しています。

この属性の構文は以下の通りです：

left:　length　|　percentage　|　auto　|　initial　|　inherit

以下の例では、left属性の使用方法を示しています。

例

　　p　{
　　　position:　absolute;
　　　left:　150px;
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
length	指定されたオフセットサイズ、長さの値はpx、pt、cm、emなどの単位で指定されます。ネガティブ値を使用できます。
percentage	パーセンテージオフセット量を指定します。要素の含むブロックの幅に対してパーセンテージで計算されます。ネガティブパーセンテージ値を使用できます。
auto	ブラウザが左端の位置を計算します。これはデフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のleftの属性値を使用します。

left属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 6+

以下のチュートリアルを参照してください：CSS位置、CSSレイヤー。

関連属性：position、top、right、bottom、z-index。