最新のWeb開発のチュートリアル
 

Style marginLeft Property

<スタイルオブジェクト

例

左マージンを設定<div>要素を：

document.getElementById("myDiv").style.marginLeft = "50px";
»それを自分で試してみてください

定義と使用法

marginLeftプロパティセットまたは要素の左マージンを返します。

マージンプロパティと要素の周りのパディングプロパティの挿入スペースの両方。 しかし、その差は詰め物が要素の境界内のスペースを挿入しながら、マージンが、境界線の周りにスペースを挿入することです。

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

marginLeftプロパティは、すべての主要なブラウザでサポートされています。

構文

marginLeftプロパティを返します：

object .style.marginLeft

marginLeftプロパティを設定します。

object .style.marginLeft=" プロパティ値
値 説明
% 親要素の幅の％に左マージンを定義します
length 長さの単位に左マージンを定義します
auto ブラウザは、左マージンを設定し、
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値： 0
戻り値： 要素の左マージンを表す文字列、
CSSのバージョン CSS1

その他の例

例

左マージン変更<div>に戻って要素を"normal" ：

document.getElementById("myDiv").style.marginLeft = "0px";
»それを自分で試してみてください

例

左マージン戻る<div>要素を：

alert(document.getElementById("myDiv").style.marginLeft);
»それを自分で試してみてください

例

marginLeftとpaddingLeftの違い：

function changeMargin() {
    document.getElementById("myDiv").style.marginLeft = "100px";
}

function changePadding() {
    document.getElementById("myDiv2").style.paddingLeft = "100px";
}
»それを自分で試してみてください

関連ページ

CSSチュートリアル： CSSのマージン

CSSリファレンス： margin-left property

HTML DOMリファレンス： margin property

<スタイルオブジェクト