在速记属性中不起作用的多个值confused

Question

当我使用

background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)) center / 100% 3px no-repeat

时，它可以正常工作，但是当我使用时，它没有并显示出错误。 “ 100％3PX”和“ 0px 2px 0px 0px”都是单个属性的多个值，但只有第一种情况正常工作。

为什么是这样，我是否缺少办法在第二个实例中使它起作用？

规定

提到仅支持3个值。这可能会防止价值观的歧义。

Answer 1

文档中的描述：

当您想要全部四个时，边界速记特别有用 边界是一样的。为了使它们彼此不同， 但是，您可以使用长边缘宽度，边界风格和 边框颜色属性，该属性接受每一侧的不同值。 或者，您可以一次与物理瞄准一个边界 （例如，边界顶）和逻辑（例如边界块启动）边框 属性

因此，您需要明确指定宽度：

border: 0px 2px 0px 0px solid LightGrey