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 .