CSS中border:0与border:none的区别

面试题

请你谈一谈,CSS中border:0和border:none的区别

标准回答

首先我们从浏览器渲染浏览器兼容两方面来谈

浏览器渲染

border:0
设置border宽度是0,但是浏览器还是会渲染border这个属性

border:none
不设置border属性,浏览器渲染时候,直接忽略边框属性

浏览器兼容

其实这个面试问题来源于,IE浏览器的兼容。早期的IE浏览器,是不支持border:none这个属性的,所以当时只能使用border:0来让边框隐藏掉,浏览器兼容时候写border:none的同时也会吧border:0写上。

现在的IE10大部分都支持border:none属性了,所以我们也不必太担心浏览器兼容问题了