CSS padding属性语法宝典

开发 前端
这里向大家描述一下CSS padding 属性的语法,CSS padding属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算。

你对CSS padding 属性的语法了解多少,这里向大家简单介绍一下CSS padding 属性的使用,它在一个声明中设置所有内边距属性,即设置元素所有内边距的宽度,或者设置各边上内边距的宽度。

CSS padding 属性定义和用法

CSS padding简写属性在一个声明中设置所有内边距属性。

说明

CSS padding属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

注释:不允许使用负值。

例子 1

padding:10px 5px 15px 20px;

上内边距是 10px
右内边距是 5px
下内边距是 15px
左内边距是 20px

例子 2

padding:10px 5px 15px;

上内边距是 10px
右内边距和左内边距是 5px
下内边距是 15px

例子 3

padding:10px 5px;

上内边距和下内边距是 10px
右内边距和左内边距是 5px

例子 4

padding:10px;

所有 4 个内边距都是 10px

CSS padding 属性实例

设置 p 元素的 4 个内边距:

  1. p  
  2.   {  
  3.   padding:2cm 4cm 3cm 4cm;  
  4.   }  
  5.  

浏览器支持

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

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

【编辑推荐】

  1. 实例解析CSS padding 属性用法
  2. CSS display:inline和float:left两者区别
  3. 深入探究DIV CSS布局中position属性用法
  4. CSS中三大position属性值用法解读
  5. CSS display:block显示布局错乱解决方案


 

责任编辑:佚名 来源: w3school.com.cn
相关推荐

2010-09-16 10:57:15

paddingmarginCSS

2010-09-01 11:00:11

CSSbehavior

2010-09-16 11:31:17

CSS Hack

2010-09-07 08:54:18

CSSbackground-

2010-09-15 17:18:28

HTML DOM di

2010-08-23 15:33:47

CSSpadding

2010-08-23 08:45:08

CSSpadding内边距

2010-08-23 13:12:10

padding-rig

2010-08-25 13:33:55

CSSpadding

2010-08-20 14:58:26

CSSpadding

2010-08-30 11:34:32

csspadding

2010-08-23 13:40:46

CSSpadding-bot

2010-08-23 13:45:28

padding-botCSSpadding-rig

2010-08-20 15:56:58

padding-toppadding-lefCSS

2010-08-23 09:16:21

CSSpadding-bot

2010-08-23 09:11:18

padding-bot

2010-08-23 11:16:25

padding-lef

2010-08-20 16:29:01

padding-lef

2010-09-08 11:06:49

CSSpaddingmargin

2010-08-25 08:57:33

marginpadding
点赞
收藏

51CTO技术栈公众号