欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Margin属性、Border属性、Padding属性知识点详解

程序员文章站 2022-04-05 09:36:22
Margin属性、Border属性、Padding属性 三元素含义: Margin属性 margin:10px 5px 15px 20px 分别对应 margin-top...

Margin属性、Border属性、Padding属性

三元素含义:

Margin属性

margin:10px 5px 15px 20px

分别对应 margin-top margin-right margin-bottom margin-left

检索或设置对象四边的外延边距。若提供全部四个参数值,将按上、右、下、左的顺序作用于四边。若只提供一个,将用于全部的四边。若提供两个,第一个用于上、下,第二个用于左、右。若提供三个,第一个用于上,第二个用于左、右,第三个用于下。内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。

Border属性

内容的边框:border-color的默认值将采用文本颜色。要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。

Padding属性

padding:10px 5px 15px 20px

分别对应 padding-top padding-right padding-bottom padding-left

检索或设置对象四边的补丁边距。若提供全部四个参数值,将按上、右、下、左的顺序作用于四边。若只提供一个,将用于全部的四条边。若提供两个,第一个用于上、下,第二个用于左、右。若提供三个,第一个用于上,第二个用于左、右,第三个用于下。内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。不允许负值。

Margin属性、Border属性、Padding属性知识点详解