CSS padding 属性详解

CSS padding 属性详解

作者：网上收集点击：读取中... 次

定义
padding 属性是用于在一个声明中设置所有 padding 属性的简写属性。

注释：不允许使用负值。

继承性：No

说明
这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
JavaScript 语法
CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法：

引用代码：object.style.padding="2cm"

在我们的 HTML DOM 教程中，您可以找到更多有关 padding 属性的细节。

在我们的 HTML DOM 教程中，您也可以找到完整的 Style 对象参考手册。
例子
四个边的 padding 均为 10px：

引用代码：h1 {padding: 10px}

上边和下边的 padding 为 10px，左边和右边的 padding 是父元素宽度的 2%：

引用代码：h1 {padding: 10px 2%}

上边的 padding 为 10px，左边和右边的 padding 是父元素宽度的 2%，下边的 padding 是 15px：

引用代码：h1 {padding: 10px 2% 15px}

上边的 padding 为 10px，右边的 padding 是父元素宽度的 2%，下边的 padding 是 15px，而左边的 padding 是 20px：

引用代码：h1 {padding: 10px 2% 15px 20px}

可能的值
值

引用代码：padding-top
padding-right
padding-bottom
padding-left

描述

引用代码：设置内边距。

值可以是：

百分比（基于父元素宽度的百分比）
长度值（固定的padding值）
默认值：未定义。

收藏此文章　　　　　打印更新　　　　　编辑此文章　　　　『关闭窗口』


	家园个人文集		http://www.5x54.com