padding-left

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

示例

/* <length> values */
padding-left: 0.5em;
padding-left: 0;
padding-left: 2cm;

/* <percentage> value */
padding-left: 10%;

/* global values */
padding-left: inherit;
padding-left: initial;
padding-left: unset;

浏览器支持

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

语法

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

取值

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

实例

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