CSS padding属性
-
定义和用法
padding属性用于元素的填充是其内容与其边界之间的空间。注意：padding会在元素中创建额外的空间，而margin;会在元素周围创建额外的空间。padding属性是以下属性的缩写属性：- padding-top
- padding-right
- padding-bottom
- padding-left
此属性可以包含一到四个值。如果padding属性有四个值：- padding:10px 5px 15px 20px;
- 顶部填充为10px
- 右边填充是5px
- 底部填充为15px
- 左边填充是20px
如果padding属性有三个值：- padding:10px 5px 15px;
- 顶部填充为10px
- 左右填充为5px
- 底部填充为15px
如果padding属性有两个值：- padding:10px 5px;
- 顶部和底部填充为10px
- 左右填充为5px
如果padding属性有一个值：- padding：10px;
- 所有四个填充都是10px
注意：不允许使用负值。特征 说明 默认值 0 继承 没有 动画 有。CSS动画参考 CSS版本 CSS1 JavaScript语法 object.style.padding="100px 20px"尝试一下 -
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。属性 IE/Edge Chrome FireFox Safari Opera 属性名称 padding 4.0+ 1.0+ 1.0+ 1.0+ 3.5+ -
CSS语法
padding: length|initial|inherit; -
实例
将<p>元素的所有四个边的填充设置为35像素：p { padding: 35px; } -
属性值
属性值 描述 length 以px，pt，cm等指定填充。默认值为0.读取长度单位 % 以包含元素宽度的百分比指定填充 initial 将此属性设置为其默认值。查看initial关键字 inherit 从其父元素继承此属性。查看inherit关键字 -