您的位置:首页 > 教程笔记 > 前端笔记

padding属性值的顺序

2023-12-04 13:48:14 前端笔记 147

关于padding的更多用法可以参阅CSS padding一章节。

本章节只是简单的介绍一下padding属性值的作用顺序,可能很多朋友对于padding的作用非常容易就理解。

但是对于不同数目的属性值是如何作用于元素的可能有一点点难于记忆,下面就做一下,以便于查阅。

如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。

如果只提供一个,将用于全部的四边。

如果提供两个,第一个用于上、下,第二个用于左、右。

如果提供三个,第一个用于上,第二个用于左、右,第三个用于下。

内联对象可以使用该属性设置左、右两边的内补丁;若要设置上、下两边的内补丁,必须先使该对象表现为块级或内联块级。

相关推荐