带空格的 CSS 速记属性

Question

像 background 属性这样的 CSS 速记是否与值差距一起使用？我用背景试了一下。我想设置一些静态的背景值和动态的背景图像。

我做了以下事情：

background: no-repeat contain center;

background-image 应该稍后动态添加。我有什么问题吗？像我使用的速记不起作用。我必须使用单个属性 (background-repeat, background-size, background-position ...) 来实现吗？

Answer 1

问题不在于缺少背景图像。问题在于背景大小和背景位置值。与其他的长手不同，这两个值的语法非常具体：背景位置后跟/，后跟背景大小。请参阅spec。

它应该是这样的：

background: no-repeat center / contain;

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

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