Menu
When I run this code http://jsfiddle.net/KW3Dw/4/ in Chrome and Firefox, both display border differently. I see a dash in between adjacent cells in Chrome, while in Firefox, it's rendered without any dashes. How can i fix this?
342
CSS Border Style The border-style property specifies what kind of border to display. The following values are allowed: dotted - Defines a dotted border
How to increase the space between dotted border dots using CSS? The task is to increase space between the dotted border dots. you can just adjust the size with the background-size property, the proportion with the background-image property, and the proportion with the linear-gradient percentages.
HTML tables can have borders of different styles and shapes. To add a border, use the CSS border property on table, th, and td elements: To avoid having double borders like in the example above, set the CSS border-collapse property to collapse.
Skip the border around the table by leaving out table from the css selector: With the border-style property, you can set the appereance of the border. With the border-color property, you can set the color of the border.
You can set horizontal border-spacing to even number of pixels between cells and between border's dots.
For example: http://jsfiddle.net/Gmhuw/
You can't "fix" it by modifying your table's style, these dots are interpreted that way by Chrome. That's just the browser's limiation.
191
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
