UNICODEの「content」プロパティのCSS値

CSSコンテンツプロパティは非常に便利です。 たとえば、リストの各要素の後にカンマを挿入できますli:after { content: ','; } li:after { content: ','; }

このプロパティの値をUNICODE文字セットとして設定する必要がある場合があります（エンコードの互換性を心配しないため、または値に改行が含まれている場合）。 問題は、文字列からUNICODE文字セットを取得するにはどうすればよいですか？

Javascriptを利用することをお勧めします。



そのため、1文字に対して、ブラウザーのアドレスバーに入力します（最初に「、」を必要な文字に置き換えます）。

javascript:alert( '\\' + new String( ',' ).charCodeAt(0).toString(16))

* This source code was highlighted with Source Code Highlighter .

結果は、「content」プロパティの値に転送できますli:after { content: '\2c'; } li:after { content: '\2c'; }

行が長く、入力が面倒な場合は、次のコードを使用します。

String.prototype.toCSSHex = function ()
{
var text = this .toString();

var result = '' ;
var separator = '\\' ;

for ( var currentIndex = 0, length = text.length; currentIndex < length; currentIndex++)
{
result += separator + text.charCodeAt(currentIndex).toString(16);
}

return result;
}

var test = ', !' ;
alert(test.toCSSHex()) ;

* This source code was highlighted with Source Code Highlighter .