border none 和border 0 的區別

2021-07-23 08:21:39 字數 817 閱讀 1252

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還是...