NEW 25737
Dotted borders look different on Safari, Chrome and Firefox
https://bugs.webkit.org/show_bug.cgi?id=25737
Summary Dotted borders look different on Safari, Chrome and Firefox
Roland Steiner
Reported 2009-05-12 15:02:50 PDT
<div style="border: 4px dotted black; height:100px; width: 100px"></div> results in different render output on Safari, Chrome and Firefox browsers (different corner styles, different dot styles).
Attachments
dotted border: Firefox rendering (871 bytes, image/png)
2009-05-12 15:04 PDT, Roland Steiner
no flags
dotted border: Safari rendering (802 bytes, image/png)
2009-05-12 15:04 PDT, Roland Steiner
no flags
dotted border: Chrome (Skia) rendering (763 bytes, image/png)
2009-05-12 15:04 PDT, Roland Steiner
no flags
Roland Steiner
Comment 1 2009-05-12 15:04:13 PDT
Created attachment 30248 [details] dotted border: Firefox rendering
Roland Steiner
Comment 2 2009-05-12 15:04:34 PDT
Created attachment 30249 [details] dotted border: Safari rendering
Roland Steiner
Comment 3 2009-05-12 15:04:56 PDT
Created attachment 30250 [details] dotted border: Chrome (Skia) rendering
Simon Fraser (smfr)
Comment 4 2009-05-12 15:08:24 PDT
CSS spec says that "dotted" should be "a series of round dots", so Firefox is more accurate in that regard: <http://www.w3.org/TR/css3-background/#the-border-style> It also says "Implementations are encouraged to choose a spacing that makes the corners symmetrical", so Chrome/Safari are better there.
Cameron Zwarich (cpst)
Comment 5 2010-09-06 15:01:21 PDT
*** Bug 44611 has been marked as a duplicate of this bug. ***
antifreeze
Comment 6 2010-09-07 19:33:30 PDT
Is there any hope for this bug being fixed? Dotted line means round "dots". It's not a dashed line as rendered in WebKit.
Bruno Abinader (history only)
Comment 7 2012-07-26 07:08:51 PDT
Martin is taking care of this on Qt port, a patch is coming soon :)
Jen Simmons
Comment 8 2017-02-27 12:55:59 PST
I'm interested in fixing this. And in adding a value to border (and everywhere) to accept short dashes as well, so authors have the option of round dots or tiny squares. That would be useful.
Radar WebKit Bug Importer
Comment 9 2017-02-27 13:23:08 PST
Note You need to log in before you can comment on or make changes to this bug.