带有间隙的CSS速记属性

时间:2017-12-18 03:53:17

标签: html css shorthand

background属性这样的CSS缩写是否与价值差距有关?我用背景试了一下。我想动态地设置一些背景值静态和backgorund图像。

我做了以下事情:

background: no-repeat contain center;

background-image应在以后动态添加。我错了吗?像我使用的速记不起作用。我是否必须使用单个属性(background-repeat, background-size, background-position ...)来实现这一点?

1 个答案:

答案 0 :(得分:4)

问题不在于缺少背景图像。问题在于背景大小和背景位置值。与其余的longhands不同,这两者的值具有非常特定的语法:background-position后跟/后跟background-size。请参阅spec

这应该是这样的:

background: no-repeat center / contain;

您始终可以单独设置背景图像。

其他一些卖空者确实有强制性价值观。例如,font需要font-size和font-family。 background没有任何强制值。