2013-04-12 7 views
1

От https://github.com/orderedlist/minimal/blob/master/stylesheets/styles.css:коробчатого теневой порядок параметров

box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0; 

От http://www.w3schools.com/cssref/css3_pr_box-shadow.asp:

box-shadow: h-shadow v-shadow blur spread color inset; 

Так, между прочим, упорядоченность, кажется, немного по-другому. В примере github.com вставка первая, тогда как w3schools.com имеет ее как последнюю. Не имеет значения какой-то порядок? Или, может быть, это не имеет значения для тех атрибутов, которые могут быть неоднозначны у других?

Я думаю, 0 это h-shadow, 1px v-shadow и последнее 0 размытие?

+1

CSS - это странно. Попробуйте использовать их в том порядке, в котором вы чаще всего их видите. –

ответ

3

В общем, только параметры одного типа имеют фиксированный порядок. , v-shadow, blur и spread должны быть размещены в этом порядке (и вы можете опустить его с конца), но inset и colour могут быть размещены в любом месте.

1

Судя по всему, вы можете положить inset в конце или в прошлом (но порядок все остальное, как горизонтальная тень, вертикальная тень, размытие, распространение и цвет имеет значения. Как вы можете видеть в w3c specs они показывают inset? в начале в синтаксисе, в то время как в примерах, которые вы находите, они используются в конце.