Forum Bugs

dotted border doesn't render. insted render squre.

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>
<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; */
<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>

Thanks & Regards,
Chella|TNQ Technologies
+91 98 84 504995