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

CSS コンテンツ値の Unicode 文字

HTML と CSS を使用する場合、次のような Unicode 文字を利用するシナリオに遭遇することがあります。 CSS コンテンツ値内の記号または矢印として。ただし、CSS で HTML エンティティ コード (↓) を直接使用するのは理想的ではありません。

Unicode 文字を CSS に適切に組み込むには、次のオプションを検討してください。

1. CSS ファイルを UTF-8 として保存します

CSS ファイルを UTF-8 として保存すると、Unicode 文字を直接使用できるようになります。コードポイントを二重引用符で囲むだけです:

nav a:hover:after {
    content: "↓";
}

2. 16 進形式を使用します

または、16 進エスケープ構文を利用して Unicode 文字を表すことができます。

nav a:hover:after {
    content: "93";
}

この形式では、「 00000」は文字の 16 進コードポイントを表します。 。文字が文字列の最後の場合、またはその後にスペースが追加される場合は、先頭のゼロを省略できます。

3.参照 CSS2 仕様

CSS に Unicode 文字を組み込む方法の詳細については、CSS2 仕様の関連セクションを参照してください。

[Backslash escapes] allow authors to refer to characters they cannot easily put in a document ... In this case, the backslash is followed by at most six hexadecimal digits ...

包括的な Unicode リスト

矢印を含む Unicode 文字の包括的なリストについては、「Unicode 文字」などのリソースを参照してください。 「下向き矢印」 (U 2193)。

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