Thin hairline borders less than 1px

Hi i’m using div’s to create a split line between text. challenge is that it can’t go below 1px how can I create hairline splitters in web flow?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

That’s because 1px is the smallest unit… due to hardware limitations.

You can set opacity of background/border colour to 20% to make it seem thinner.

that does’t yield the desired effect. is it a web flow limitation?

No, this is a HARDWARE limitation. Pixels are actually pixels on your monitor. It doesn’t physically get any smaller than that.

See these answers for workarounds:

HTML: Sub-pixel border - Stack Overflow
CSS border less than 1px - Stack Overflow

2 Likes

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.