web-dev-qa-db-ja.com

16進数のCSSカラー値に大文字を使用する理由はありますか?

CSSプロパティ値の色は、通常、大文字の形式で記述されています。

.foo .bar {
  background-color: #A41B35;
  color: #FFF;
}

ただし、次のものも使用できます。

/* Same same */
.foo .bar {
  background-color: #a41b35;
  color: #fff;
}

小文字の値を使用しても同じように見え、色のCSS値 大文字と小文字は区別されません になります。多くのグラフィックデザインソフトウェアでも大文字が使用されています。そして、ソースコードで大文字表記を見つけることは非常に一般的です。伝統のようなものがあるように見えます。

一貫性について私は理解しています、それはあなたのソフトウェアのどこでも同じであるべきですが、標準は良い指標を与えないので、人々は彼らが望むことを行いますまたは彼らがするように言われていること

historic、互換性、古いIE6ハック、パフォーマンス、または実用的な理由など、これには合理的な理由がありますか?

16
smonff

個人的な好み以外の違いは知りません。個人的には、読みやすいので小文字を好みますが、CSSカラー値などの非常に短い文字列では、メリットはおそらく無視できます。 本当に、小文字の方が見栄えが良いと思うからです。

ただし、16進数isは伝統的に大文字で書かれているため、厳密に言えば、私は「間違っている」のかもしれません。

18
Bobby Jack

それは本当に重要ではありませんが、重要なことは、慣習を持ちそれを守ることです。厳密なsass-lintルールを使用して、小文字の16進値と、可能な場合は短い値(たとえば、#fffではなく#ffffff)を適用するようにします。

小文字を選択する理由は次のとおりです。

  • 入力がより簡単で高速になりました(Capsキーのキー割り当てを変更しました。Shiftを使用すると、特に数字と文字を混在させるのは面倒です)。

  • 何を期待するかわかっている場合、何かを検索する方が簡単です。 (古いコードをSassに書き換えるとします。#aa99ccのすべての出現を修正しましたが、AA99ccAa99CCA9Ca9cはどうですか? ?Lintingがこれらの問題を解決します)

5
Patrick

標準はありませんが、一貫性が重要です。

大文字表記は、一貫性を保つために、単語から数値(10進数または16進数)を区切るのに意味があります。たとえば、"1px solid #D0D0D0"では、すべての文字とキーワードは小文字(短い)で、数字/数字は高いです。 "0""D"はどちらも数字であることに注意してください。

これは、0xCADまたは\xCADまたはCADhのような異なる16進構文を持つ可能性があるプロジェクトの残りの部分とも一致します。 0xcad\xcad、またはcadhを書き込むと、読みにくくなります。

3
oᴉɹǝɥɔ

「大文字表記を見つけることは非常に一般的です」

この答えはあなたが主張するものではありませんすべき CSSで大文字を使用するのは、見た目がよくなる理由や審美的な推測や歴史的な先例がそうであるように。

(1)したがって、ごくわずかな文字(x-heightまたはmajusculeのほぼ半分の高さ)とmajuscule文字(大文字またはuncial、文字がemボックスのほぼ完全な高さを占める)の両方が存在することはすでに知っていますが、完全な文字も存在します高さの数字と低い高さの数字(古いスタイルの数字、小文字、ぶら下げ数字とも呼ばれます)。これらの数字はおじいさんの時計の外の現実の世界ではあまり見られませんが、多くのフォントは「onum」機能または「scmp」(スモールキャップ)機能でさえもサポートしています。

これらの高さバリアントの両方が存在することがわかっているため、フルハイトの数字とハーフハイトの文字が混在して表示されると、文字の高さに一貫性がなくなり、逆に、ハーフハイトの数字とフルハイトの文字が混在すると、文字の高さに一貫性がなくなります(もちろん、半分は使用できません)いずれにせよ、OpenType機能の外にある高さの数字には、一意のUnicodeコードポイントがないためです。したがって、PhotoShopのようなプロのデザインアプリケーションは、CSSの普及以前には最優先されていなかった、プレゼンテーションの美しさよりもタイピングの効率(Shiftキーを押したまま)を好むかもしれません。

古いスタイルの数字

活版印刷機能のリスト

(2)初期のプログラミング言語(COBOL、FORTRAN、BASIC ...)と入力端末デバイスは、すべて大文字でした-小文字を入力するためのキーがなく、これらの文字があったとしても、制限された文字セットには存在しませんでした。

キーボードにはデフォルトで大文字のロックが設定されていました

2
Dwayne Robinson

今日、16進数の大文字と小文字を区別しないことに異議を唱える人はいませんが、他の数値システムと比較すると、大文字と小文字の区別はかなり例外的です。実際、多用途の数値システムコンバーターではめったに例外が発生しません、大文字のみの数字、または小文字のみの数字を想定しています。

歴史的に、16進数は大文字のみで表されていました。これは、初期のオペレーティングシステムが小文字をエンコードしていなかったためです。したがって、レトロコンピューティングを行う人々は間違いなく資本を選択します。

1
Shrimpy

A クイックgoogle search は、小文字を好む人がたくさんいることを知らせます。個人的には、CSSコードのほとんど(すべてではないにしても)は小文字であり、大文字小文字のタイプに影響されないため、小文字を見つけやすく、書きやすくなっています。ああ、そしてコード上でより良く見えます。 :3

0
carloswm85

CSS値は大文字と小文字を区別しません。大文字を使用することはお勧めしません。規範に従ってください。小文字を使用してください。

0
Hello Universe