内边距(Padding) 属性

CSS padding 属性

padding 简写属性在一个声明中设置所有填充属性。该属性可以有1到4个值。

实例:

• padding:10px 5px 15px 20px;
  • 上填充是 10px
  • 右填充是 5px
  • 下填充是 15px
  • 左填充是 20px
• padding:10px 5px 15px;
  • 上填充是 10px
  • 右填充和左填充是 5px
  • 下填充是 15px
• padding:10px 5px;
  • 上填充和下填充是 10px
  • 右填充和左填充是 5px
• padding:10px;
  • 所有四个填充都是 10px

注意： 负值是不允许的。

padding-bottom ，padding-left ，padding-right ，padding-top

CSS padding-bottom 属性

padding-bottom属性设置一个元素的底部填充（空格）。

{ padding-bottom:25px; }

注意： 负值是不允许的。

CSS padding-left 属性

padding-left属性设置一个元素的左填充（空格）。

{padding-left:2cm;}

注意： 负值是不允许的。

CSS padding-right属性

padding-right属性设置一个元素的右填充（空格）。

{padding-right:2cm;}

注意： 负值是不允许的。

CSS padding-top 属性

padding-top属性设置一个元素的顶部填充（空格）。

{ padding-top:2cm; }

注意： 负值是不允许的。

外边距(Margin) 属性

CSS margin 属性

margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。

{margin:2cm 4cm 3cm 4cm;}

实例:

• margin:10px 5px 15px 20px;
  • 上边距是 10px
  • 右边距是 5px
  • 下边距是 15px
  • 左边距是 20px
• margin:10px 5px 15px;
  • 上边距是 10px
  • 右边距和左边距是 5px
  • 下边距是 15px
• margin:10px 5px;
  • 上边距和下边距是 10px
  • 右边距和左边距是 5px
• margin:10px;
  • 所有四个边距都是 10px

注意： 负值是允许的。

margin-bottom ，margin-left ，margin-right ，margin-top

CSS margin-bottom 属性

margin-bottom属性设置元素的下边距。

{margin-bottom:2px;}

注意： 负值是允许的。

CSS margin-left 属性

margin-left属性设置元素的左边距。

{ margin-left:20%; }

注意： 负值是允许的。

CSS margin-right 属性

margin-right属性设置元素的右边距。

{ margin-right:2cm; }

注意： 负值是允许的。

CSS margin-top 属性

margin-top属性设置元素的上部边距。

{ margin-top:2cm; }

注意： 负值是允许的。