举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > css padding-left CSS padding-left 属性

css padding-left CSS padding-left 属性

2023-03-09 14:20 CSS参考手册

css padding-left CSS padding-left 属性

css padding-left

CSS padding-left 属性定义元素内容与元素边框之间的内边距(padding)。

padding-left 属性可以接受任何长度值,包括百分比值。如果使用百分比值,则相对于元素的宽度来计算。

div { 
    padding-left: 10px; 
} 

上面的代码表明,div 元素的左内边距为 10px。

padding-left 属性可以使用多个值来定义不同方向的内边距,例如:

 
div { 
    padding: 10px 5px 15px 20px;    
}  
 

上面的代码表明 div 元素的上内边距为 10px、右内边距为 5px、下内边距为 15px、左内边距为 20px。

此外,还可以使用 CSS 简写语法来定义 padding-left 属性,例如:

   div {   padding: 10px 5px 15px;  } 

上面的代码表明 div 元素的上/下内边距都是 10px、右/左内边都是 5px。因此 div 元素的左内边都是 5px。

CSS padding-left 属性

CSS padding-left 属性

实例

设置一个P元素的左部填充:

p
{
padding-left:2cm;
}


属性定义及使用说明

padding-left属性设置一个元素的左内边距(空格)。

注意: 负值是不允许的。

默认值: 0
继承: no
版本: CSS1
JavaScript 语法: object.style.paddingLeft="2cm"


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性          
padding-bottom 1.0 4.0 1.0 1.0 3.5

属性值

描述
length规定以具体单位计的固定的左内边距值,比如像素、厘米等。默认值是 0px。
%定义基于父元素宽度的百分比左内边距。此值不会如预期地那样工作于所有的浏览器中。
inherit规定应该从父元素继承左内边距。


相关文章

CSS 教程: CSS Padding

阅读全文
以上是名动网为你收集整理的css padding-left CSS padding-left 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们