CSS填充中的第三个值是什么？

问题描述

我正在玩，我在CSS中看到了这一行：

I am playing around with the Less Framework 3 and I saw this line in the css:

body {
    padding: 60px 42px 0;
    width: 396px;
}

填充的作用：0 是吗？

这看起来不像普通的CSS速记，并且右上角底部看起来很奇怪。

This does not look like normal css shorthand, and top-right-bottom seems weird.

推荐答案

填充和边距属性指定右上角左下角。

如果省略了左，它将默认为右。

The padding and margin properties specify top right bottom left.
If left is omitted, it will default to right.

因此，填充：abc 等效于填充：abcb 。

如果底部也被省略，它将默认为 top 。

因此， padding：ab 等效于填充：abab 。

If bottom is also omitted, it will default to top.
Thus, padding: a b is equivalent to padding: a b a b.

如果正确也是 省略，单个值用于所有4个面。

因此， padding：a 等效于 padding：aaaa 。

If right is also omitted, the single value is used for all 4 sides.
Thus, padding: a is equivalent to padding: a a a a.

这篇关于CSS填充中的第三个值是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！