来自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是模糊?
答案 0 :(得分:3)
通常,只有相同类型的参数具有固定顺序。因此,h-shadow
,v-shadow
,blur
和spread
必须按此顺序出现(并且您只能在结尾处省略),但inset
和{{1}可以放在任何地方。
答案 1 :(得分:2)
通常,
盒子阴影
按顺序
horizontal-offset
vertical-offset
blur
spread
color
和inset
。
在这些之中,您可以放置
inset
和
color
列表中的任何地方。
答案 2 :(得分:1)
显然,你可以将inset
放在最后或最后(但水平阴影,垂直阴影,模糊,涂抹和颜色等所有其他顺序都很重要。正如你在{{3}中看到的那样。它们在语法的开头显示inset?
,而在示例中,您发现它们最后被使用。