定義と使用法
paddingTopプロパティセットまたは要素の上部パディングを返します。
パディングプロパティは、要素の境界線と要素のコンテンツの間のスペースを定義します。
マージンプロパティと要素の周りのパディングプロパティの挿入スペースの両方。 しかし、その差は詰め物が要素の境界内のスペースを挿入しながら、マージンが、境界線の周りにスペースを挿入することです。
ブラウザのサポート
paddingTopプロパティは、すべての主要なブラウザでサポートされています。
構文
paddingTopプロパティを返します:
object .style.paddingTop
paddingTopプロパティを設定します。
object .style.paddingTop=" プロパティ値 値 説明 % 親要素の幅の%でトップパディングを定義します length 長さの単位でトップパディングを定義します initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: 0 戻り値: 素子の上部パディングを表す文字列、 CSSのバージョン CSS1
その他の例
例
上パディング変更<div>に戻って要素を"normal" :
document.getElementById("myDiv").style.paddingTop = "0px"; »それを自分で試してみてください
例
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
<スタイルオブジェクト