ホームページ > 記事 > ウェブフロントエンド > border:0 と border:none_html/css_WEB-ITnose の違いは何ですか
border:0 と border:none_html/css_WEB-ITnose の違いは何ですか
- WBOYオリジナル
- 2016-06-24 11:41:191418ブラウズ
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
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSで縦書きテキスト効果を実現する方法次の記事：CSSで縦書きテキスト効果を実現する方法