最近在群里有人提出了border:none 0;的写法能够兼容浏览器.当时很困扰,为什么能够这样写呢?
于是当时记录了一下这个问题.今天有空了,翻手册,发现:
border
语法：
border : border-width || border-style || border-color
说明：
设置对象的边框样式。
当你指定了边框颜色( border-color )和边框宽度( border-width )时，你必须同时指定边框样式( border-style )，否则边框不会被呈现。
如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
border-width:设置对象边框的宽度。属性1.:medium:默认值。默认宽度 2.length 数值
border-style:设置对象边框的样式。
属性常用:
none : 默认值。无边框。不受任何指定的 border-width 值影响
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
border-color:这个就不说了.
至此,对于没border:none 0;这样的写法已经没任何疑问.--还是基础啊.
关于为什么会说这样就可以兼容所有浏览器的原因.
ISD web 里的一文章 border:none与border:0;的区别 提到
由于兼容性差异
兼容性差异只针对浏览器IE6、IE7与标签button、input而言，在win、win7、vista 的XP主题下均会出现此情况。
[border:none;]当border为“none”时似乎对IE6/7无效边框依然存在，
[border:0;]当border为“0”时，感觉比“none”更有效，所有浏览器都一致把边框隐藏，
文章里给出的解决方式为 在使用了 boreder:none;后再加上 background:none;
而由web标准群 46077068 里面有人提到的解决方式为:border:none 0;
感谢别人的分享.有错之处请告之.
#1