padding

Padding (填充)属性定义元素边框与元素内容之间的空间。

padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。

当元素的 Padding(填充)(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充。

单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用,一旦改变一个数值,则padding对应的距离都会改变。

当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。单独使用 padding 属性可以改变上下左右的填充。

注释:不允许使用负值。

所有浏览器都支持 padding 属性。

注释:任何的版本的Internet Explorer (包括 IE8)都不支持属性辩泪良值 "inherit"。汽希腿

auto:浏览夜请雄户器计算外边距

length:规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。

%:规定基于父元素的婚辩肯宽度的百分比的外边距。

inherit:规定应该从父元素继承外边距。

CSS padding 属性的百分比数值是相对于其父元素的 width 计算的,如果改变了父元素的 width,则它们也会改变。

指定一个,两个,三个或四个下列的值 :

<长度>

可指定非负的固定宽度. See<length>for details.

<百分比>

相对于包含块的宽度

指定一个值时 该值指定四个边的内边距

指定两个值时 第一个值指定上下两边的内边距 第二个指定左右两边的内边距

指定三个值时 第一个指定上边的内边距.第二个指定左右两边 第三个指定下边

指定四个值时分别为上 右 下 左(顺时针顺序)

我们可以使用padding属性来设置四个方向的内边距。在实际编程中,我们往往使用的是padding的这种高效简洁写法来编程。

padding写法有3种,分别如下:

例如:

“padding:20px;”表示四个方向的内边距都是20px;

“padding:20px 40px;”表示padding-top和padding-bottom为20px,padding-right和padding-left为40px。

“padding:20px 40px 60px 80px;”表示padding-top为20px,padding-right为40px,padding-bottom为60px,padding-left为80px。大家按照顺时针方向记忆就可以了。

margin与padding如何进行区分,这是很多学html人的困扰,其实说白了padding 就是内容与边框的空隙。而margin则是模块与模块的空隙。

相关词汇