paddingBottom 属性设置或返回元素的底部填充。
margin 属性和 padding 属性都在元素周围插入空间。但是,不同之处在于 margin 在边框周围插入空格,而 padding 在元素边框内插入空格。
Property | |||||
---|---|---|---|---|---|
paddingBottom | Yes | Yes | Yes | Yes | Yes |
返回 paddingBottom 属性:
object.style.paddingBottom
设置 paddingBottom 属性:
object.style.paddingBottom
= "%|
length|initial|inherit"
Value | Description |
---|---|
% | Defines the bottom padding in % of the width of the parent element |
length | Defines the bottom padding in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
默认值: | 0 |
---|---|
返回值: | 一个字符串,表示元素的底部填充 |
CSS版本 | CSS1 |
将 <div> 元素的底部填充更改回 "normal":
document.getElementById("myDiv").style.paddingBottom = "0px";
亲自试一试 »
marginBottom 和 paddingBottom 的区别:
function changeMargin() {
document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingBottom = "100px";
}
亲自试一试 »
CSS教程:CSS 填充
CSS 参考:填充底部属性
HTML DOM 参考:填充属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!