如何分析CSS padding属性的用法和组成
本篇文章为大家展示了如何分析CSS padding属性的用法和组成,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
CSS padding属性 -- 定义边内补白
取值:
inherit: 继承
初始值: 0
继承性: 否
适用于: 所有元素,,除了table-row-group, table-header-group, table-footer-group, table-row, table-column-group 和 table-column
padding,中文"填充"的意思
Padding属性包含了paddingleft:左补距离(设置距左内边距);paddingtop:头顶补距离(设置距顶部内边距);paddingright:右补距离(设置距右内边距);paddingbottom:底补距离(设置距低内边距)。
CSS padding-right 属性
padding-right -- 定义右边内补白
取值:
inherit: 继承
初始值: none
继承性: 否
适用于: 所有元素
padding:边内补白,right:右
示例
p#right { padding-right: 12px; }
CSS padding-left 属性
padding-left -- 定义左边内补白
取值:
inherit: 继承
初始值: none
继承性: 否
适用于: 所有元素
padding:边内补白,left:左
示例
p#left { padding-left: 12px; }
CSS padding-top 属性
padding-top -- 定义上边内补白
取值:
inherit: 继承
初始值: none
继承性: 否
适用于: 所有元素
padding:边内补白,top:上
示例
p#top { padding-top: 12px; }
CSS padding-bottom 属性
padding-bottom -- 定义下边内补白
取值:
inherit: 继承
初始值: none
继承性: 否
适用于: 所有元素
padding:边内补白,bottom:下
示例
p#bottom { padding-bottom: 12px; }
上述内容就是如何分析CSS padding属性的用法和组成,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341