1. ホーム
  2. css

[解決済み] 'border: none' と 'border' のどちらを使うべきですか?0'?

2022-05-01 17:33:37

質問

2つの方法のうち、W3C標準に準拠しているのはどちらでしょうか?どちらもブラウザ間で期待通りの動作をしますか?

<ブロッククオート

border: なし。

ボーダー 0;

解決方法は?

どちらも有効です。 それはあなたの選択です。

私は border:0 の方が短いので、読みやすいと思います。しかし none より読みやすい。私たちは非常に有能なCSSポストプロセッサの世界に住んでいるので、あなたが好きなものを使い、それを"compressor"に通すことをお勧めします。Webpack→LESS→PostCSS→PurgeCSSが2020年のスタックとして良いのではないでしょうか。

とはいえ、もしあなたが制作用のCSSをすべて手書きで書いているのなら、コメント欄で文句を言われながらも、私は次のように主張します。 帯域幅を意識して損はない . 使用方法 border:0 意志 それだけでは帯域を限りなく節約できますが、もし 1バイトを大切にする を使えば、ウェブサイトをより速くすることができます。


CSS2仕様 はこちら . これらは CSS3 で拡張されていますが、これとは全く関係ありません。

'border'
    Value:      [ <border-width> || <border-style> || <'border-top-color'> ] | inherit
    Initial:    see individual properties
    Applies to:     all elements
    Inherited:      no
    Percentages:    N/A
    Media:      visual
    Computed value:     see individual properties 

幅、スタイル、カラーは自由に組み合わせて使用することができます。

ここで 0 は幅を設定します。 none はスタイルです。両者のレンダリング結果は同じで、何も表示されません。