webkit renders last px of border:1px dotted; oddly

StackOverflow https://stackoverflow.com/questions/10838223

  •  12-06-2021
  •  | 
  •  

Question

in webkit safari and chrome ive found that they render the last px of the css rule border:1px dotted; oddly it kind of combines the last 2 pixels into 1 so you get a black mark at the end of the line ..?

has any one else encountered this / got a work arround for it ? please see attached image bellow

enter image description here

Was it helpful?

Solution

Give it a border-right: 1px solid transparent; style: http://jsfiddle.net/4CktD/

It's weird, but hey, it works.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top