CSSコンテンツプロパティにHTMLエンティティを追加する方法

序章

生成されたCSSコンテンツ内に特殊文字や記号を挿入する方法を知りたいですか？ この記事ではその方法を説明します。

前提条件

• HTML5の一般的な知識。 HTML5マークアップ言語の包括的なレビューについては、シリーズ「HTMLでWebサイトを構築する方法」を参照してください。

CSSへの特殊文字の挿入

通常のHTMLエンティティ表記の代わりに16進表記を使用して、生成されたCSSコンテンツ内に特殊文字と記号を挿入します。 たとえば、©は\\00a9になります。

別の例を次に示します。

.foo::before {
  content: "An ellipsis\2026";
}

虎の巻と変換ツール

• これは、さまざまな記号のCSS表記を見つけるための優れたチートシートです。
• そして、これがHTMLエンティティをCSS表記に変換するためのツールです。

結論

これは、CSSに特殊文字と記号を挿入する方法です。

HTML5マークアップ言語のより包括的なレビューについては、シリーズ「HTMLでWebサイトを構築する方法」を参照してください。