どうも！LSSです！！
今回はCSS小ネタです。
傍点のサンプル
こんな風に、目立たせたい部分の上部に点をつけられます！（dot）
こんな風に、目立たせたい部分の上部に点をつけられます！（circle）
こんな風に、目立たせたい部分の上部に点をつけられます！（double-circle）
こんな風に、目立たせたい部分の上部に点をつけられます！（triangle）
こんな風に、目立たせたい部分の上部に点をつけられます！（sesame）
こんな風に、目立たせたい部分の上部に点をつけられます！（'★'）
コード
<p>こんな風に、<span style="text-emphasis: dot filled black; -webkit-text-emphasis: dot filled black;">目立たせたい部分</span>の上部に点をつけられます！（dot）</p>
<p> </p>
<p>こんな風に、<span style="text-emphasis: circle filled black; -webkit-text-emphasis: circle filled black;">目立たせたい部分</span>の上部に点をつけられます！（circle）</p>
<p> </p>
<p>こんな風に、<span style="text-emphasis: double-circle open black; -webkit-text-emphasis: double-circle open black;">目立たせたい部分</span>の上部に点をつけられます！（double-circle）</p>
<p> </p>
<p>こんな風に、<span style="text-emphasis: triangle filled black; -webkit-text-emphasis: triangle filled black;">目立たせたい部分</span>の上部に点をつけられます！（triangle）</p>
<p> </p>
<p>こんな風に、<span style="text-emphasis: sesame filled black; -webkit-text-emphasis: sesame filled black;">目立たせたい部分</span>の上部に点をつけられます！（sesame）</p>
<p> </p>
<p>こんな風に、<span style="text-emphasis-style: '★'; -webkit-text-emphasis-style: '★';">目立たせたい部分</span>の上部に点をつけられます！（'★'）</p>
text-emphasis
text-emphasis、というのが、傍点をつけるCSSプロパティです。
…とはいえ、実はこれ、まだ正式対応しているブラウザがあまりなくて、自分がメインで使用しているGoogleChromeでさえもまだ、正式な対応じゃないんですね。
正式な対応はまだですが、ベンダープレフィクス対応はしていて、「-webkit-」をつけてやる事で、Chromeなど正式対応がまだなブラウザでも表示されるようになります^^
（なお、IEとEDGEはベンダープレフィクス対応もしていないようです。）
なので、正式対応しているブラウザのための記述、ベンダープレフィクス対応しているブラウザのための記述、の両方を書く事になり、
text-emphasis: dot filled black; -webkit-text-emphasis: dot filled black;
…と、同じ内容を２回繰り返して書いています。
３つの値を並べていますが、これは、
text-emphasis: 形状（dot circle double-circle triangle sesameの中から選択）塗りつぶし（するならfilled、しないならopenのどちらか） 色;
という候補から選んで記述する事になります。
ただ、例外的に、
text-emphasis-style: '★';
という書き方で、傍点の形を好きな文字・記号で表現する事もできます！
例えば…こんな事もできちゃいますね^^
ってなとこで、今回はこのへんで！
次回もまた、よろしくお願いします^^
