CSS属性学习:(五)内补白-Padding

paddingpadding-top/padding-right/padding-bottom/padding-left

padding


类型: Padding

默认值: 看每个独立属性

取值: <length> | <percentage>

适用于: 所有元素,除 table-row-group | table-header-group | table-footer-group | table-column-group | table-row

取值

  • <length>:用长度值来定义内补白。不允许负值
  • <percentage>:用百分比来定义内补白。水平(默认)书写模式下,参照其包含块 width 进行计算,其它情况参照 height 。不允许负值

demo

See the Pen NRWPav by yrq110 (@yrq110) on CodePen.


padding-top/padding-right/padding-bottom/padding-left


类型: Padding

默认值: 0

取值: <length> | <percentage>

适用于: 所有元素,除 table-row-group | table-header-group | table-footer-group | table-column-group | table-row

取值

  • <length>:用长度值来定义内补白。不允许负值
  • <percentage>:用百分比来定义内补白。水平(默认)书写模式下,参照其包含块 width 进行计算,其它情况参照 height 。不允许负值

demo

See the Pen QKWmwZ by yrq110 (@yrq110) on CodePen.


示例代码来自Joy Du

文章目录
  1. 1. padding
    1. 1.1. 取值
    2. 1.2. demo
  2. 2. padding-top/padding-right/padding-bottom/padding-left
    1. 2.1. 取值
    2. 2.2. demo
|