"0"vs"none"作为css属性值

Question

0当我想要删除css中的某些内容时,我通常会将其作为值.例如:

border: 0;
background: 0;

有什么区别0和none？

Answer 1

当与复合样式(如border和)一起使用时background,值将对应于不同的属性.

border: 0将设置的border-width: 0同时border: none设置border-style: none.

background: 0将设置的background-position: 0同时background: none设置background-image: none.

所以,有一个区别.在边框的情况下,差异不会产生任何视觉差异,因为两者都删除边框,但对于背景,如果您还设置了任何其他背景属性,它可能会有所不同.

@MarcoScannadinari：边框样式参考：https://developer.mozilla.org/en-US/docs/Web/CSS/border 从那里您可以转到单独的样式以查看它们接受的值。例如，使用 `border: none;` 只能表示 `border-style`，因为这是唯一接受值 `none` 的样式。 (2认同)