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

Style paddingTop Property

<スタイルオブジェクト

上パディングを設定<div>要素を:

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

定義と使用法

paddingTopプロパティセットまたは要素の上部パディングを返します。

パディングプロパティは、要素の境界線と要素のコンテンツの間のスペースを定義します。

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


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


構文

paddingTopプロパティを返します:

object .style.paddingTop

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

object .style.paddingTop=" プロパティ値
説明
% 親要素の幅の%でトップパディングを定義します
length 長さの単位でトップパディングを定義します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 0
戻り値: 素子の上部パディングを表す文字列、
CSSのバージョン CSS1

その他の例

上パディング変更<div>に戻って要素を"normal"

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

上パディング戻る<div>要素を:

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

marginTopとpaddingTopの違い:

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

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

関連ページ

CSSチュートリアル: CSSパディング

CSSリファレンス: padding-top property

HTML DOMリファレンス: padding property


<スタイルオブジェクト