• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • padding-right

    CSS属性padding-right是指一个元素在内边距区域(padding area)中右边的宽度。内边距(padding)是指一个元素的内容和边框之间的区域。和外边距(margin)不同,内边距(padding)是不允许有负值的。内边距(padding)可以用四个值声明一个元素的四个方向的内边距(paddings),这是一种CSS缩写属性。

    示例

    /* <length> values */
    padding-right: 0.5em;
    padding-right: 0;
    padding-right: 2cm;
    
    /* <percentage> value */
    padding-right: 10%;
    
    /* global values */
    padding-right: inherit;
    padding-right: initial;
    padding-right: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持padding-right

    语法

    padding-right:[<length>| <percentage>]{1,4}

    取值

    • <length>:当内边距(padding)大小是一个固定单位数值的时候,一定不能为负数。参见<length>
    • <percentage>:当内边距(padding)是一个百分比的时候,百分比是和本身包含的元素的宽度有关的,同样一定不能为负数。参见<percentage>
    初始值0
    适用于所有元素,除去table-row-group,table-header-group,table-footer-group,table-row,table-column-groupandtable-column
    继承性
    动画性
    计算值指定值

    实例

    .content { padding-right: 5%; }
    .sidebox { padding-right: 10px; } 
    

    上篇:padding-top

    下篇:padding-left