box-shadow参数顺序

时间:2013-04-12 03:37:44

标签: css css3

来自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是模糊?

3 个答案:

答案 0 :(得分:3)

通常,只有相同类型的参数具有固定顺序。因此,h-shadowv-shadowblurspread必须按此顺序出现(并且您只能在结尾处省略),但inset和{{1}可以放在任何地方。

答案 1 :(得分:2)

通常, 盒子阴影 按顺序 horizontal-offset vertical-offset blur spread colorinset。 在这些之中,您可以放置 insetcolor 列表中的任何地方。

答案 2 :(得分:1)

显然,你可以将inset放在最后或最后(但水平阴影,垂直阴影,模糊,涂抹和颜色等所有其他顺序都很重要。正如你在{{3}中看到的那样。它们在语法的开头显示inset?,而在示例中,您发现它们最后被使用。