Hi Team,
I have created a dotted border for the element. It doesn't render AS I expected instead it renders square dot.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#navig a::after {
content: leader(" \025AA") target-counter(attr(href), page);
font-size: 4px;
}
#item1 {
border: 1.5pt dotted #808285;
/* column-rule: red dotted thin; */
}
</style>
</head>
<body>
<h1 id="item1">item1</h1>
<h1 id="item2">item2</h1>
<h1 id="item3">item3</h1>
<div id="navig" style="width:400px">
Table of contents<br />
<div><a href="#item1">item1</a></div>
<div><a href="#item2">item2</a></div>
<div><a href="#item3">item3</a></div>
</div>
</body>
</html>
I have created a dotted border for the element. It doesn't render AS I expected instead it renders square dot.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#navig a::after {
content: leader(" \025AA") target-counter(attr(href), page);
font-size: 4px;
}
#item1 {
border: 1.5pt dotted #808285;
/* column-rule: red dotted thin; */
}
</style>
</head>
<body>
<h1 id="item1">item1</h1>
<h1 id="item2">item2</h1>
<h1 id="item3">item3</h1>
<div id="navig" style="width:400px">
Table of contents<br />
<div><a href="#item1">item1</a></div>
<div><a href="#item2">item2</a></div>
<div><a href="#item3">item3</a></div>
</div>
</body>
</html>
Thanks & Regards,
Chella|TNQ Technologies
+91 98 84 504995