Как получилось, что мы можем иметь значение цвета первым в правиле тени блока?

Question

В документации для box-shadow четко указано, что первый параметр предназначен для значения длины, а значение цвета - последним.

Почему же работает нижеследующее?

box-shadow: #0000002e 0px 1px 2px;

.style {
  height: 50px;
  width: 100%;
  box-shadow: #0000002e 0px 1px 2px;
}

<div class="style"></div>

Answer 1

Порядок не обязателен, вы можете поставить color в начале или конце, и он не будет «неправильным».

В документации указано <shadow> = inset? && <length>{2,4} && <color>

Эти && разделители означают, что они обязательны, но порядок не важен. ? для inset? и <color>? означают, что эти поля являются необязательными.

Компилятор устанавливает значения на основе типа ввода.