どちらの方法が W3C 標準に準拠していますか? どちらもブラウザー間で期待どおりに動作しますか?
border: none;
border: 0;
ベストアンサー1
どちらも有効です。選択はあなた次第です。
私はborder:0短い方が読みやすいので、こちらを好みます。あなたはもっと読みやすいと思うかもしれませんnone。私たちは非常に有能な CSS ポストプロセッサの世界に住んでいるので、好きなものを使用してから「コンプレッサー」に通すことをお勧めします。ここで戦う価値のある聖戦はありませんが、Webpack → LESS → PostCSS → PurgeCSS は 2020 年の優れたスタックです。
そうは言っても、すべてのプロダクション CSS を手書きで記述している場合は、コメントでの不満にもかかわらず、帯域幅を意識することは害にはならないと私は主張します。 を使用すると、それ自体でごくわずかな帯域幅を節約できborder:0 ますが、すべてのバイトをカウントすると、Web サイトが高速化されます。
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スタイルを設定します。レンダリング結果は同じで、何も表示されません。