padding属性值的顺序

快乐打工仔 分类:实例代码

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

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

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

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

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

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

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

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

一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu

回复

我来回复
  • 暂无回复内容