Grow your CSS skills. Land your dream job.

Double Dotted Border

  • # July 4, 2011 at 12:50 am

    Hi Everyone,

    Is it possible to create a double dotted border using only CSS?

    Thanks!

    # July 4, 2011 at 1:32 am

    Sure it is! Have a look at this

    # July 4, 2011 at 1:48 am

    I’ve modded it slightly. You don’t actually need pseudo elements for that.

    # July 4, 2011 at 2:13 am

    @jamy_za Much easier! Any way to increase the spacing between the borders that way?

    # July 4, 2011 at 4:29 pm

    I like the way that @jamy_za laid it out, but I have the same question as @sl1dr. Is it possible to put any spacing between the the border and the outline?

    # July 4, 2011 at 4:31 pm

    Just figured it out. You can use outline-offset to put spacing in between the two.

    Thanks for your help guys!

    # July 5, 2011 at 1:26 am

    No problem. And awesome, I wasn’t actually aware of outline-offset.
    Note: Be careful when using outline since it doesn’t affect the box model.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".