重複線性漸變的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之前。