[解決済み] '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
はスタイルです。両者のレンダリング結果は同じで、何も表示されません。
関連
-
[解決済み】divの重なりについて
-
[解決済み] divを親の中で自動的に縦に重ねるにはどうしたらいいですか?
-
[解決済み] CSSで0を指定する場合、明示的に単位を表記するべきか、省略するべきか。
-
[解決済み] twitter-bootstrapの@-ms-viewportというタグは何ですか?
-
[解決済み] CSS Flexboxで、"justify-items "と "justify-self "プロパティはなぜないのですか?
-
[解決済み] クリアフィクス」はどのような方法で使用できますか?
-
[解決済み] 入力テキスト要素のボーダーハイライトを削除する方法
-
[解決済み] ボーダーをdivの内側、端に配置しない
-
[解決済み] CSSの「word-break: break-all」と「word-wrap: break-word」の違いは何ですか?
-
[解決済み] 破線枠のストロークの長さとストローク間の距離を制御する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】@font-faceが機能しない。
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] DIVを重ねる?
-
[解決済み] Bootstrap 4のナバーボタンのアイコンの色を変更するにはどうすればよいですか?
-
[解決済み] Ionicカードリスト作成
-
[解決済み] css グリッドによる垂直・水平方向の中央揃え 4x4 正方形グリッド
-
[解決済み] セレクトボックスのテキストを中央揃えにすることは可能ですか?
-
[解決済み] 特定のdivを右へ移動させたい
-
[解決済み] cssのフォントサイズ14px/26pxってどうなってるの?
-
[解決済み] 複数行のフレックスボックスレイアウトで改行を指定するには?