CSS left 属性

定義と使用方法

left属性は要素の左端を规定します。この属性は、定位要素の左外縁の境界と含むブロックの左境界之间的オフセットを定義します。

注釈：「position」属性の値が「static」の場合、left属性の設定は効果がありません。

説明

static要素に対して、auto；長さ値に対して、対応する絶対長さ；パーセンテージ値に対して、指定された値；それ以外はautoです。

相対的な定義要素に対して、leftの計算値は常にrightに等しいです。

も参照してください：

CSS タイプ：CSS 定位

HTML DOM リファレンスマニュアル：left 属性

例

画像の左端を、含む要素の左端から右に100ピクセルの位置に設定します：

img
  {
  position:absolute;
  left:100px;
  }

自分で試してみる

CSS 言語

left: auto|length|initial|inherit;

属性値

値 説明
auto デフォルト値。ブラウザが左端の位置を計算します。
% 要素の左端の位置をパーセンテージで設定します。負値を使用できます。
length px、cmなどの単位で要素の左端の位置を設定します。負値を使用できます。
inherit 親要素から left 属性の値を継承するべきことを指定します。

技術的詳細

デフォルト値： auto
継承性： no
バージョン： CSS2
JavaScript 言語： object.style.left="100px"

さらに詳しい例

固定値で画像の左端を設定する
この例では、画像の左端を固定値で設定する方法を示します。
パーセンテージで画像の左端を設定する
この例では、画像の左端をパーセンテージで設定する方法を示します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0