Каково третье значение в дополнении CSS?

Ответ 1

Свойства padding и margin указывают top right bottom left.
Если left опущено, по умолчанию будет right.

Таким образом, padding: a b c эквивалентно padding: a b c b.

Если bottom также опущено, по умолчанию будет top.
Таким образом, padding: a b эквивалентно padding: a b a b.

Если right также опущено, одно значение используется для всех 4 сторон.
Таким образом, padding: a эквивалентно padding: a a a a.

Ответ 2

Когда вы указываете три значения, второе неявно используется для четвертого, то есть заполнение: 60px 42px 0 42px;

Ответ 3

При указании четырех значений толщины имеется три сокращенные версии. Эти ярлыки также применимы к аналогичным свойствам, таким как маржа, контур и граница.

Задание 1 значения:

margin: 10px;
/*same as*/
margin: 10px 10px 10px 10px;

... означает использование 10px для всех четырех сторон.

margin: 10px 15px;
/*same as*/
margin: 10px 15px 10px 15px;

... означает использование 10px для верхнего и нижнего и 15px для левого и правого.

margin: 10px 15px 20px;
/*same as*/
margin: 10px 15px 20px 15px;

... означает использование 10px для верхнего, 15px для левой и правой и 20px для нижней.

Ответ 4

Лучшее из когда-либо объясняемых W3School: - http://www.w3schools.com/css/css_padding.asp

Итак, вот как это работает:

Если свойство дополнения имеет четыре значения:

padding: 25px 50px 75px 100px;
    top padding is 25px
    right padding is 50px
    bottom padding is 75px
    left padding is 100px

Если свойство заполнения имеет три значения:

padding: 25px 50px 75px;
    top padding is 25px
    right and left paddings are 50px
    bottom padding is 75px

Если свойство дополнения имеет два значения:

padding: 25px 50px;
    top and bottom paddings are 25px
    right and left paddings are 50px

Если свойство дополнения имеет одно значение:

padding: 25px;
    all four paddings are 25px