[解決済み] CSSで0を指定する場合、明示的に単位を表記するべきか、省略するべきか。
2022-02-16 10:06:59
質問
これはどちらかというと「哲学」の議論になるのですが、ここで推奨される実践方法を知りたいのです。公式な」答えがあるかもしれないので、まだWikiとしては設定していません。
明らかに0pxと0emとかの違いはないので、単純に0を指定すれば単位は冗長になります( 0と0emのCSSの違い ). この質問に答えた人の中には、常に単位を省略すべきだと主張する人もいました。
しかし、単位を省略すると、後の変更で誤って単位が省略される可能性があるため、よりミスが起こりやすいように思います。また、文書内の他の場所にあるゼロでない要素との整合性も低くなります。
どのように解決するのか?
単位も省略したほうがいいと主張します。
プログラマーの立場から
0 == null == none == false
ここで
0px == 0px
だけです。
つまり、ボーダー幅を指定した場合は
0
を指定した場合、ボーダーは表示されません。
0px
の場合、0pxのボーダーが作成されます(これは考え方であり、実際には
0px
と全く同じ結果になります。
0
).
その他のポイント
-
ユニットレス
0
は、通常の単位付きの値と区別がつきやすく、読みやすくなります。 - 単位は存在する意味がないので削除することに意味がある(0はサイズ、色などの意味もある)。
結論 : 0の単位は不要であり、混乱を招くので省略すること。
関連
-
[解決済み】なぜ私のdivは重なっているのですか?
-
[解決済み】Google Chromeでレスポンシブメディアクエリが機能しない件
-
[解決済み] Tailwind CSS - コンポーネントとしてのレスポンシブブレークポイント
-
[解決済み] <label for=""> CSSを非表示にする方法
-
[解決済み] Bootstrapのポップオーバーの幅を変更する
-
[解決済み] bootstrap 4 でカードブロックの不透明度を変更する方法
-
[解決済み] svgの円のダブルストロークの色
-
[解決済み] div要素内でテキストが折り返されない
-
[解決済み】CSS単位 - vh/vwと%はどう違うの?
-
[解決済み] 親要素がホバーされたときに子要素のCSSを変更する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] "セレクタ(CSS)にIDを使うな "なら、IDの代わりに何を使えばいい?
-
[解決済み] Tailwind CSS - コンポーネントとしてのレスポンシブブレークポイント
-
[解決済み] Railsです。railsでcssから背景画像を設定する方法は?
-
[解決済み] divを親の中で自動的に縦に重ねるにはどうしたらいいですか?
-
[解決済み] ブラウザでCSSファイルが更新されない
-
[解決済み] Bootstrap 3でnavbar-static-topは何をするのですか?
-
[解決済み] 位置固定が効かないのが絶対のように効いている【非公開
-
[解決済み] cssによる波状の形状
-
[解決済み] アニメーションディレイが効かない
-
[解決済み] div要素内でテキストが折り返されない