CSS背景重复线性渐变

Question

谁能在以下css属性的末尾解释“ 0 / 15px 15px”吗？

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

资源

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应始终位于规格中所定义的 size之前。