Question

border：0;和border：none;的区别

Answer 1

一、border:none
border-style的简写
在chrome审查元素看到以下结果
element.style {
border: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: initial;
border-color: initial;
}

在firefox中用firebug查看元素会看到以下结果：
element.style {
border: medium none;
}

注意这个medium值
二、border:0
border-width的简写
在chrome审查元素看到以下结果
element.style {
border: 0;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: initial;
border-color: initial;
}

在firefox中用firebug查看元素会看到以下结果：
element.style {
border: 0 none;
}