Сокращенное свойство границы CSS

Question

Мне кажется, что стандарт двух элементов для большинства свойств CSS - это "верх / низ, левый / правый". По крайней мере, так обстоит дело со всем, что я знаю, кроме границы.

Является ли сокращение "левый / правый, верхний / нижний" для разметки преднамеренным? Меня каждый раз заводит, и, возможно, w3 не заметил, что это противоречиво.

Answer 1

Это немного отличается, потому что в отличие от таких вещей, как border-width или же marginпринимаются только два значения:

border-width: 10px 50px 10px 50px; /* valid */
border-spacing: 10px 50px 10px 50px; /* invalid */

Вы, вероятно, можете объяснить это различием.

Всякий раз, когда вы видите это сокращение для других свойств, которые принимают (до) 4 значений:

border-width: 10px 50px;

Это просто означает, что нижнее и левое значения копируются с другой стороны:

border-width: 10px 50px 10px 50px;
/*            top  right btm left    */

Или с тремя значениями:

border-width: 10px 50px 20px;

Это равно:

border-width: 10px 50px 20px 50px;