Re: [csswg-drafts] [css-backgrounds] Add a 'hairline' border-width value (#3720)

I think this is a good compromise to the issue, especially if there is spec text recommending that browsers consider accessibility when defining the "hairline" thickness.  E.g., if I'm browsing the web with 400% zoom level, I probably don't want lines that are only one retina-screen-pixel thick!

For the more general case of "snapping" lines to an even number of device pixels, the [SVG `shape-rendering` property](https://svgwg.org/svg2-draft/painting.html#ShapeRendering) is another approach, which could be generalized to apply to CSS borders and boxes.  However, `shape-rendering: crispEdges` wouldn't remove the need for a dedicated `hairline` option, since snapping very fine lines to the nearest number of device pixels [sometimes results in snapping them down to nothing](https://mobile.twitter.com/AmeliasBrain/status/1087407083522146304)!

-- 
GitHub Notification of comment by AmeliaBR
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3720#issuecomment-471737667 using your GitHub account

Received on Monday, 11 March 2019 21:29:55 UTC