Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) The Box Model Borders

Why do I have a different looking dotted border?

In Guil's example, the dotted border has squared dots. I'm following along using ST2 & Firefox, and my dotted border has circular dots. But when I entered a bottom border style after the border (with a width, style, and color), it had squared dots. Is this different for each web browser, or is there another reason this would happen?

2 Answers

It's mostly because browsers have there own style sheets and render the CSS differently, the dotted border is one of manny quarks between the browsers. It's an old post (2011), but if you want to learn more about the dotted border browser stylings check this blog out:

dotted border browsers

hope this helps.

good article, thanks.

Not a problem. This is a perfect example of why we need to check for browser compatibility.

Michael Pashkov
Michael Pashkov
22,024 Points

Thank you for resource. Could you recommend something about seo (resources)?

Not a problem, Michael Pashkov you should open a new forum post for SEO related resources. This post was on CSS.

Michael Pashkov
Michael Pashkov
22,024 Points

Thanks again :). I opened a new forum post about SEO related resources. Could you share your resources now? :) https://teamtreehouse.com/community/hi-guys-please-advise-me-useful-courses-resources-soft-about-for-seo-smm-thank-you

Steven Parker
Steven Parker
231,269 Points

You can pick the style, but it's up to the browser to render it.

It sounds like there's no fully agreed-on standard for what "dotted" actually should look like.