CSS3

プロパティ

text-emphasis-style

→●、mdn

圏点スタイル。

要素のテキストに適用する圏点は、このプロパティで与える。各種値の意味は：

none

圏点はない。

filled

形状をベタ色で塗り潰す。

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:filled;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:filled circle;
">テスト</SPAN>終了

open

形状を中空（縁取り）にする。

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:open;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:open circle;
">テスト</SPAN>終了

dot

小さい丸を圏点として表示する。ベタ塗りの小丸は U+2022「•」。縁取りの小丸は U+25E6「◦」。

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:dot;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:open dot;
">テスト</SPAN>終了

circle

大きい丸を圏点として表示する。ベタ塗りの丸は U+25CF「●」 ／ 縁取りの丸は U+25CB「○」。

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:circle;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:circle open;
">テスト</SPAN>終了

double-circle

二重丸を圏点として表示する。ベタ塗りの二重丸は U+25C9「◉」 ／ 縁取りの二重丸は U+25CE「◎」。

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:double-circle;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:40px;
 text-emphasis-style:double-circle;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:double-circle open;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:40px;
 text-emphasis-style:double-circle open;
">テスト</SPAN>終了

triangle

三角を圏点として表示する。ベタ塗りの三角は U+25B2「▲」／縁取りの三角は U+25B3「△」。

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:triangle;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:triangle open;
">テスト</SPAN>終了

sesame

ゴマを圏点として表示する。ベタ塗りのゴマは U+FE45「﹅」／縁取りのゴマは U+FE46「﹆」。

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:sesame;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:40px;
 text-emphasis-style:sesame;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red; font-size:40px;
 text-emphasis-style:sesame open;
">テスト</SPAN>終了

<string> ○

所与の文字列を圏点として表示する。作者は、この値に複数の文字（書記素クラスタ）を指定するべきでない。ユーザー エージェント は、そのような文字列を切り落としたり無視してもよい。

開始<SPAN style="border:1px solid red; font-size:20px;
 text-emphasis-style:'あ';
">テスト</SPAN>終了

形状キーワードが指定されつつ、filled、open のいずれも指定されていない場合は、filled と見做される。［filled／open］のみが指定されている場合の形状キーワードは、横書きモードの下では circle に、縦書きモードの下では sesame に算出される。

圏点は、要素のフォント設定群に加え、ruby 特能も利用した上で、サイズ 50% に縮小して描かれるべきである。これらのグリフは、どのフォントも備えているとは限らず、これらの符号位置による圏点に不適切なサイズを利用するフォントもある。よってユーザー エージェントは、任意選択で、圏点に適すると既知であるフォントを利用して、あるいは代用の圏点を合成してもよい。圏点は縦書きモードにおいては正立に保つものとする ― CJK 文字の様に、書字モードに合致するよう回転されることはない。縦組みにおける横書きモードにおける圏点の方位は、このレベルでは未定義とする（が、確たる利用事例が求められれば、将来のレベルで定義されるかもしれない）。

圏点は各タイポ グラフィック文字単位ごとに 1 個ずつ描かれる。ただし、次に挙げる文字には、圏点は描かれない：

• 単語分離子、または Unicode 分離子字類（ Z* ）に属する文字（ただし、何らかの結合文字と組み合されたスペース用には、圏点は描かれることに注意。）【 Z* の * はワイルドカード。次の P* も同様。】
• 約物 ― 具体的には、Unicode 一般字種 P* に属していて、次に挙げるどの記号にも NFKD 正規化 [UAX15] されないもの ：
  U+0023 # NUMBER SIGN、
  U+0025 % PERCENT SIGN、
  U+2030 ‰ PER MILLE SIGN、
  U+2031 ‱ PER TEN THOUSAND SIGN、
  U+066A ٪ ARABIC PERCENT SIGN、
  U+0609 ؉ ARABIC-INDIC PER MILLE SIGN、
  U+060A ؊ ARABIC-INDIC PER TEN THOUSAND SIGN、
  U+0026 & AMPERSAND、
  U+204A ⁊ TIRONIAN SIGN ET、
  U+0040 @ COMMERCIAL AT、
  U+00A7 § SECTION SIGN、
  U+00B6 ¶ PILCROW SIGN、
  U+204B ⁋ REVERSED PILCROW SIGN、
  U+2053 ⁓ SWUNG DASH、
  U+303D 〽 PART ALTERNATION MARK。
• ［制御コードや未割当ての文字］用の Unicode 字類（Cc、Cf、Cn）に属するもの。