带空格的CSS速记属性

Question

CSS速记（例如background属性）是否具有值差距？ 我尝试了背景。 我想静态设置一些背景值，并动态设置backgorund图像。

我做了以下工作：

background: no-repeat contain center;

应稍后动态添加background-image 。 我有什么问题吗？ 我使用的速记无法正常工作。 我是否必须使用单个属性（ background-repeat, background-size, background-position ...）来实现这一点？

Answer 1

问题不在于缺少背景图像。 问题出在背景尺寸和背景位置值上。 与其余的长手不同，这两个值具有非常特定的语法：background-position，后跟一个/然后是background-size。 参见规格 。

它应该是这样的：

background: no-repeat center / contain;

您始终可以分别设置背景图像。

其他一些速记确实具有强制性值。 例如， font需要字体大小和字体系列。 background没有任何强制性值。