CSSフラグメントの知識整理

915 ワード

1.効果
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