Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Double Dotted Border

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 4, 2011 at 12:50 am #33362
    rjmccollam
    Participant

    Hi Everyone,

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

    Thanks!

    July 4, 2011 at 1:48 am #82796
    jamygolden
    Member

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

    July 4, 2011 at 4:29 pm #82824
    rjmccollam
    Participant

    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 #82825
    rjmccollam
    Participant

    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 #82839
    jamygolden
    Member

    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.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.