border:0 と border:none_html/css_WEB-ITnose の違いは何ですか

WBOY
リリース: 2016-06-24 11:41:19
オリジナル
1437 人が閲覧しました

border:0 と border:none の違いは何ですか:
オブジェクトの境界線を border:0 と border:none に設定した場合の効果は同じです。 境界線をキャンセルすることができます。 コード例は次のとおりです。 :

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">div{  width:200px;  height:200px;  border:2px solid red;  border-bottom:none;  border-left:0;}</style></head><body><div></div></body></html>
ログイン後にコピー

上記のコードを実行すると、境界線を 0 または none に設定することで境界線をキャンセルできることがわかります。この 2 つは見た目は同じですが、それでも大きく異なります。 border:0 は、境界線の幅をゼロに設定できます。視覚的には見えませんが、ブラウザーは境界線をレンダリングします。 border:none は、境界線が直接存在せず、ブラウザーが境界線をレンダリングしないことを意味します。したがって、なしに設定した場合の実行効果はわずかに高くなります。もちろん、この差は基本的に無視できます。

元のアドレスは次のとおりです: http://www.51texiao.cn/div_cssjiaocheng/2015/0501/508.html

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート