CSS コンテンツ値で Unicode 文字を表示するにはどうすればよいですか?

CSS コンテンツ値の Unicode 文字

この質問では、CSS コンテンツ値における下向き矢印 Unicode 文字の使用について説明します。

問題:

HTML の特殊なエンティティが原因で、CSS コンテンツ値の下向き矢印 (↓) の HTML コードを使用すると問題が発生します。

解決策 1: UTF-8 エンコーディング

解決策の 1 つは、CSS ファイルを UTF-8 として保存して提供することです。 Unicode 文字を直接使用すると、コンテンツ: "↓" が機能します。

解決策 2: ASCII エスケープ Unicode

UTF-8 が使用できない場合は、次のようにすることもできます。ユーザーは ASCII エスケープされた Unicode を使用できます。この場合、次のコードは同じ下向き矢印記号を出力します: content: "2193".

Unicode 文字表現

Unicode 文字は文字列で表現できます。 00000 ～ FFFFFF の形式を使用し、その後に 6 桁の 16 進数が続きます。たとえば、下向き矢印の Unicode 文字 (2193) を取得するには、2193 を使用します。

CSS2 仕様

CSS2 仕様では、バックスラッシュの使用法がさらに明確になっています。文字列内の文字をエスケープします。 16 進エスケープに続く空白は数値の終わりを示すために使用できると記載されています。さらに、エスケープ シーケンスはゼロ文字で始めてはなりません。

包括的な Unicode 文字リスト

下向き矢印を含む Unicode 文字の包括的なリストについては (U 2193) )、ユーザーは関連する仕様とオンライン リソースを参照できます。

以上がCSS コンテンツ値で Unicode 文字を表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。