欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > CSS >内容正文

CSS

CSS 外补白(Margin) 内补白(Padding) 边框属性 定位(positioning)属性 布局(layout)属性

发布时间:2025/6/15 CSS 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 CSS 外补白(Margin) 内补白(Padding) 边框属性 定位(positioning)属性 布局(layout)属性 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

CSS 布局(Layout)

Properties
属性 CSS Version
版本 Inherit From Parent
继承性 Description
简介
display CSS1/CSS2/CSS3 css 布局 display,设置或检索对象是否及如何显示。
float CSS1 css 布局 float 属性的值指出了对象是否及如何浮动。
clear CSS1 CSS 布局 clear 该属性的值指出了不允许有浮动对象的边。
visibility CSS2 css 布局 visibility 设置或检索是否显示对象。与display属性不同,此属性为隐藏的对象保留其占据的物理空间
clip CSS2 css 布局属性 clip 检索或设置对象的可视区域。区域外的部分是透明的
overflow CSS2 css 布局 overflow 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容
overflow-x CSS3 css 布局 overflow-x 检索或设置当对象的内容超过其指定宽度时如何管理内容
overflow-y CSS3 css3 布局 overflow-y 检索或设置当对象的内容超过其指定高度时如何管理内容

这种颜色 的链接表示是CSS3属性或原属性被CSS3修改并增加了新的属性值


CSS 定位(Positioning)

Properties
属性 CSS Version
版本 Inherit From Parent
继承性 Description
简介
position CSS2 css/css 定位属性 position,用来设置文档对象的定位方式, 对应的脚本特性为position。IE6及更早浏览器不支持position属性的fixed参数值。
z-index CSS2 css z-index 属性用来设置文档对象的层叠顺序。此属性参数值越大,则被层叠在最上面。必须定义position属性值为absolute、relative或fixed,此取值方可生效。
top CSS2 css 定位 top 用来设置文档对象与其最近一个定位的父对象顶部相关的位置。仅当定义position属性值为absolute、relative或fixed,此取值方可生效。
right CSS2 css 定位 right,检索或设置对象与其最近一个定位的父对象右边相关的位置。
bottom CSS2 css 定位 bottom,检索或设置对象与其最近一个定位的父对象底边相关的位置。
left CSS2 css 定位 left ,检索或设置对象与其最近一个定位的父对象左边相关的位置。

这种颜色 的链接表示是CSS3属性或原属性被CSS3修改并增加了新的属性值


CSS 边框(Border)

Properties
属性 CSS Version
版本 Inherit From Parent
继承性 Description
简介
border CSS1 CSS border 属性是复合属性。设置对象边框的特性
border-width CSS1 CSS border-width 属性,设置或检索对象边框宽度
border-style CSS1 CSS border-style 属性,设置或检索对象边框样式
border-color CSS1 CSS border-color 属性,设置或检索对象边框颜色
border-top CSS1 CSS border-top 属性是复合属性,设置对象顶边的特性
border-top-width CSS1 CSS border-top-width 属性,设置或检索对象顶边宽度
border-top-style CSS1 CSS border-top-style 属性,设置或检索对象顶边样式
border-top-color CSS1 CSS border-top-color 属性,设置或检索对象顶边颜色
border-right CSS1 CSS border-right 属性是复合属性,设置对象右边的特性
border-right-width CSS1 CSS border-right-width 属性,设置或检索对象右边框宽度
border-right-style CSS1 CSS border-right-style 属性,设置或检索对象右边框样式
border-right-color CSS1 CSS border-right-color 属性,设置或检索对象右边框颜色
border-bottom CSS1 CSS border-bottom 属性,复合属性。设置对象底部边框的特性
border-bottom-width CSS2 CSS border-bottom-width 属性,设置或检索对象底边框宽度
border-bottom-style CSS1 CSS border-bottom-style 属性,设置或检索对象底部边框样式。
border-bottom-color CSS1 CSS border-bottom-color 属性,设置或检索对象底部边框颜色
border-left CSS1 CSS border-left 属性,是复合属性,设置对象左部边框的特性
border-left-width CSS1 CSS border-left-width 属性,设置或检索对象左部边框宽度
border-left-style CSS1 CSS border-left-style 属性,设置或检索对象左部边框样式
border-left-color CSS1 CSS border-left-color 属性,设置或检索对象左部边框颜色
border-image CSS3 CSS3 border-image 属性,设置或检索对象的边框使用图像来填充
border-radius CSS3 CSS3 border-radius 属性,设置或检索对象使用圆角边框
border-top-left-radius CSS3 CSS3 border-top-left-radius 属性,设置或检索对象左上角圆角边框
border-top-right-radius CSS3 CSS3 border-top-right-radius 属性,设置或检索对象右上角圆角边框
border-bottom-right-radius CSS3 CSS border-bottom-right-radius 属性,设置或检索对象右下角圆角边框
border-bottom-left-radius CSS3 CSS3 border-bottom-left-radius 属性,设置或检索对象左下角圆角边框
box-shadow CSS3 CSS3 box-shadow 属性,设置或检索对象阴影
box-reflect CSS3 CSS3 box-reflect 属性,设置或检索对象的倒影

这种颜色 的链接表示是CSS3属性或原属性被CSS3修改并增加了新的属性值


CSS 内补白(Padding)

Properties
属性 CSS Version
版本 Inherit From Parent
继承性 Description
简介
padding CSS1 CSS padding 属性,检索或设置对象四边的内部边距
padding-top CSS1 CSS padding-top 属性,检索或设置对象顶边的内部边距
padding-right CSS1 CSS padding-right 属性,检索或设置对象右边的内部边距
padding-bottom CSS1 CSS padding-bottom 属性,检索或设置对象底边的内部边距
padding-left CSS1 CSS padding-left 属性,检索或设置对象左边的内部边距

这种颜色 的链接表示是CSS3属性或原属性被CSS3修改并增加了新的属性值


CSS 外补白(Margin)

Properties
属性 CSS Version
版本 Inherit From Parent
继承性 Description
简介
margin CSS1 CSS margin 属性,检索或设置对象四边的外延边距
margin-top CSS1 CSS margin-top 属性,检索或设置对象顶边的外延边距
margin-right CSS1 CSS margin-right 属性,检索或设置对象右边的外延边距
margin-bottom CSS1 CSS margin-bottom 属性,检索或设置对象底边的外延边距
margin-left CSS1 CSS margin-left 属性,检索或设置对象左边的外延边距

这种颜色 的链接表示是CSS3属性或原属性被CSS3修改并增加了新的属性值



总结

以上是生活随笔为你收集整理的CSS 外补白(Margin) 内补白(Padding) 边框属性 定位(positioning)属性 布局(layout)属性的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。