“0”vs“none”作为css属性值

Question

当我想在css中删除某些东西时，我通常将0作为值。 例如：

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 。

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