Style paddingTop 屬性

Style 對象

定義和用法

paddingTop 屬性設(shè)置或返回元素的上內(nèi)邊距。

padding 屬性定義元素邊框與元素內(nèi)容之間的空間。

語法

設(shè)置 paddingTop 屬性：

Object.style.paddingTop="%|length|inherit"

返回 paddingTop 屬性：

Object.style.paddingTop

值	描述
%	定義基于父元素寬度的百分比上內(nèi)邊距。
length	使用 px、cm 等單位定義上內(nèi)邊距的寬度。
inherit	上內(nèi)邊距從父元素繼承。

瀏覽器支持

所有主要瀏覽器都支持 paddingTop 屬性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有規(guī)定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

提示和注釋

margin 屬性和 padding 屬性都是在元素周圍插入空間。然而，不同的是，margin 將圍繞邊框外面插入空間，padding 將在元素邊框內(nèi)插入空間。

實(shí)例

更改 div 元素的上內(nèi)邊距：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(json.cn)</title>
<style type="text/css">
div{
????border: 1px solid #FF0000;
}
</style>
<script>
function changeMargin(){
????document.getElementById("ex1").style.marginTop="100px";
}
function changePadding(){
????document.getElementById("ex2").style.paddingTop="100px";
}
</script>
</head>
<body>

<div id="ex1">這是一些文本。</div>
<br>
<button type="button" onclick="changeMargin()">修改div元素的頂部外間距</button>
<br>
<br>
<div id="ex2">這是一些文本。</div>
<br>
<button type="button" onclick="changePadding()">修改div元素的頂部內(nèi)間距</button>

</body>
</html>

運(yùn)行代碼 ?

Style 對象其他擴(kuò)展

上一篇：Style paddingRight 屬性下一篇：Style pageBreakAfter 屬性