重复线性渐变的CSS背景

Question

任何人都可以在下面的css属性的末尾解释“0/15px 15px”吗？

background: repeating-linear-gradient(45deg, #2b2b2b 0%, #2b2b2b 10%, #222222 0%, #222222 50%) 0/15px 15px; 

Source

Answer 1

这是一个速记等效于：

background-image: repeating-linear-gradient(45deg, #2b2b2b 0%, #2b2b2b 10%, #222222 0%, #222222 50%) 
background-position-x: 0; 
background-size: 15px 15px; 

因为background-position和background-size可以像15px 15px或0两者句柄值，斜线提供用于浏览器之间进行区分的方式他们俩。 Position应始终在sizeas defined in the spec之前。