margin/padding属性在CSS中的参数顺序

margin/padding都是上右下左

margin-top ,margin-right ,margin-bottom ,margin-left 。

值可以是:

  • 百分比(基于父对象总高度或宽度的百分比)
  • 长度值(定义一个固定的边距)
  • auto(浏览器设定的值)。

CSS padding 属性

CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。

例如,如果您希望所有 h1 元素的各边都有 10 像素的内边距,只需要这样:

h1 {padding: 10px;}

您还可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值:

h1 {padding: 10px 0.25em 2ex 20%;}

单边内边距属性

也通过使用下面四个单独的属性,分别设置上、右、下、左内边距:

  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

test{padding:10px 12px 14px 16px}

这里所有的参数都有了,那么它们的作用顺序是上右下左。

Test{padding:10px 12px 14px}

这里有3个参数,那么它们的作用顺序是第一个参数是用于上方,第二个参数是用于左右方向,第三个参数是用于下方。

Test{padding: 10px 12px}

这里是只有2个参数的时候,第一个参数是作用于上下方向,第二个参数是左右方向。

Test{padding:10px;}

只有一个参数的时候,是作用于四个方向。

About 智足者富

http://chenpeng.info

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>