CSS3

CSS関数

leader()

[Edge]⛌。→●、mdn

リーダー挿入。

<leader-type>

＝dotted
| solid
| space
| <string>

dotted

leader(".") に等価。

solid

leader("_") に等価。

space

leader(" ") に等価。

<string> ○

これを定義する必要がある。

リーダー（leader） ― tab leader／dot leader と称されることもある ― は、横方向の空間にまたがって内容を視覚的に接続するために利用されるパターンであり、空間を埋める分に必要なだけ繰り返される。それらは、目次におけるタイトルとページ番号の合間に最もよく利用される。leader() 関数は、content プロパティ用の値としては、CSS 内にリーダーを作成するために利用される。この関数は、リーダ用に繰り返されるパターンを述べる文字列（リーダー文字列）をとる。

ol.toc a::after {
  content: leader('.') target-counter(attr(href), page);
}

<h1>Table of Contents</h1>
<ol class="toc">
<li><a href="#chapter1">Loomings</a></li>
<li><a href="#chapter2">The Carpet-Bag</a></li>
<li><a href="#chapter3">The Spouter-Inn</a></li>
</ol>

以下のCSSが組み込んであります：

<UL class=Test style="width:200px;">
 <LI><A>A１</A>
 <LI><A>A２</A>
 <LI><A>A３</A>
</UL>

テスト