JavaScript HTML DOM Style paddingBottom 属性
-
paddingBottom 属性
paddingBottom属性设置或返回元素的底部填充。margin属性和padding属性都在元素周围插入空间。但是,不同之处在于边距会在边框周围插入空格,而填充会在元素边框内插入空格。设置<div>元素的底部填充:
尝试一下document.getElementById("myDiv").style.paddingBottom = "50px";
-
浏览器支持
项 IE/Edge Chrome FireFox Safari Opera 属性 paddingBottom 支持支持支持支持支持 -
语法
返回paddingBottom 属性:object.style.paddingBottom设置paddingBottom 属性:object.style.paddingBottom = "%|length|initial|inherit" -
-
技术细节
项目 描述 默认值: 0 返回值: 一个字符串,表示元素的底部填充 CSS版本 CSS1 -
更多例子
将div元素的底部填充更改回“normal”:
尝试一下document.getElementById("myDiv").style.paddingBottom = "0px";
返回div元素的底部填充:
尝试一下alert(document.getElementById("myDiv").style.paddingBottom);
marginBottom和paddingBottom之间的区别:
尝试一下function changeMargin() { document.getElementById("myDiv").style.marginBottom = "100px"; } function changePadding() { document.getElementById("myDiv2").style.paddingBottom = "100px"; }
-