border:none和border:0px區別?
1.border我們常常會設定兩個屬性或者三個屬性來控制邊框的樣式。
合寫:
border:1px solid red;
分開寫:
border-width:1px; 設定邊框寬度;
border-style:solid;設定邊框樣式;
border-color:red;設定邊框顏色;
2.區別
(1)效能差異
border:0;瀏覽器對border-width、border-color進行渲染,佔用記憶體。
border:none;瀏覽器不進行渲染,不佔用記憶體。
Chrome:
border:none;>> border:initial none initial;border:0;>> border:0 initial initial ;
Firefox、360:
border:none; >>border:medium none;border:0;>> border:0 none;
(2)瀏覽器相容
IE7-不支援border:none;
W3C提示:請始終把border-style屬性宣告到border-color屬性之前,元素必須在改變顏色之前獲得邊框。