border是乙個簡寫屬性,即:
border:border-width border-style border-color;
平時寫的時候可以不寫齊三個屬性,寫其中乙個或兩個也是允許的,因為這樣寫,瀏覽器會設定這個缺少屬性的預設值。
border:0;等價於:
border-width:0;
border-style:none;
border-color:value of color;/預設取該元素color的屬性值/
border:none;等價於:
border-width:medium;
border-style:none;
border-color:value of color;
border:none;和border:0;的區別體現為兩點:乙個理論上的效能差異,而是瀏覽器相容性差異。
效能差異:
【border:0;】把border設為0畫素效果等於border-width:0;瀏覽器依然對border-width和borde-color進行了渲染,即已經占用了記憶體值。
【border:none;】把border設為none,實際效果等同於border-style:none;瀏覽器解析none時將不作渲染動作,即不會消耗記憶體值。
相容性差異:
ie6、ie7中,border為none時,標籤button、input邊框依然存在。
解決方法:
input,button
或input,button
或input,button
border 0 和border none 的區別
感覺它和display none 與visibility hidden 的關係類似 而對於border屬性的渲染效能對比暫時沒找測試的方法,雖然認為他們存在渲染效能上的差異但也只能說是理論上。1.效能差異 對比border 0 與border none 之間的區別在於有渲染和沒渲染 border 0...
border 0 和border none 的區別
一是理論上的效能差異 二是瀏覽器相容性的差異。效能差異 border 0 把border設為 0 畫素雖然在頁面上看不見,但按border預設值理解,瀏覽器依然對border width border color進行了渲染,即已經占用了記憶體值。border none 把border設為 none ...
CSS IE中border none的陷阱
在習慣上不現實某個元素的邊框,只需要給元素設定border none即可,當然設定border 0效果一樣,但實際上兩者是有效能差別的 border none 邊框設定為為none,不做任何處理 border 0 邊框寬度設定為0畫素,但是實際上border color和border style還是...