CSSフラグメントの知識整理
915 ワード
1.効果
border-style:none;//境界なし
border-width:0;//枠線幅0 px
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;
計算されたスタイル:
border:0 px none要素color属性値;
(2)ブラウザ対応
IE 7-border:noneはサポートされていません.
W 3 Cヒント:border-styleプロパティをborder-colorプロパティに宣言する前に、要素は色を変更する前に枠線を取得する必要があります.
参考サイト:https://segmentfault.com/q/1010000000694683/a-1020000001818777
border-style:none;//境界なし
border-width:0;//枠線幅0 px
2.区別
(1)性能差
border:0;ブラウザはborder-width、border-colorをレンダリングし、メモリを消費します.
( , , )
border:none;ブラウザはレンダリングを行わず、メモリを消費しません.(
: border:none, , 0
)
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;
計算されたスタイル:
border:0 px none要素color属性値;
(2)ブラウザ対応
IE 7-border:noneはサポートされていません.
W 3 Cヒント:border-styleプロパティをborder-colorプロパティに宣言する前に、要素は色を変更する前に枠線を取得する必要があります.
参考サイト:https://segmentfault.com/q/1010000000694683/a-1020000001818777