JavaScript HTML DOM Style paddingTop 属性
-
paddingTop 属性
paddingTop属性设置或返回元素的顶边距。margin属性和padding属性都在元素周围插入空间。但是,不同之处在于边距会在边框周围插入空格,而填充会在元素边框内插入空格。设置<div>元素的顶部填充:
尝试一下document.getElementById("myDiv").style.paddingTop = "50px";
-
浏览器支持
项 IE/Edge Chrome FireFox Safari Opera 属性 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"; }
-