Hello!
I am trying to increase the separation of the underline and the text in a generated table of contents (toc). I tried this in the following way (as text-decoration:underline seems to have a fixed separation):
a.toc::after {
content: leader(' ') target-counter(attr(href), page);
}
a.toc.TIT1{
border-bottom:solid;
border-width:1px;
padding-bottom:0.5em;
}
This results in a funny double underlining of the text in the toc.
I know I could do:
a.toc.TIT1::after {
content: leader('dotted') target-counter(attr(href), page);
}
But I am trying to reproduce an existing layout, where in the toc the titles with class .TIT1 (h1) are underlined from the left margin to the right margin.
Thank you for your help!
Thomas
I am trying to increase the separation of the underline and the text in a generated table of contents (toc). I tried this in the following way (as text-decoration:underline seems to have a fixed separation):
a.toc::after {
content: leader(' ') target-counter(attr(href), page);
}
a.toc.TIT1{
border-bottom:solid;
border-width:1px;
padding-bottom:0.5em;
}
This results in a funny double underlining of the text in the toc.
I know I could do:
a.toc.TIT1::after {
content: leader('dotted') target-counter(attr(href), page);
}
But I am trying to reproduce an existing layout, where in the toc the titles with class .TIT1 (h1) are underlined from the left margin to the right margin.
Thank you for your help!
Thomas