CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
[Solved] Double Dotted Border
rjmccollam
Permalink to comment
#
July 2011
Hi Everyone,
Is it possible to create a double dotted border using only CSS?
Thanks!
joshuanhibbert
Permalink to comment
#
July 2011
Sure it is! Have a look at
this
jamy_za
Permalink to comment
#
July 2011
I've modded it slightly. You don't actually need pseudo elements for
that
.
joshuanhibbert
Permalink to comment
#
July 2011
@jamy_za
Much easier! Any way to increase the spacing between the borders that way?
rjmccollam
Permalink to comment
#
July 2011
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?
rjmccollam
Permalink to comment
#
July 2011
Just figured it out. You can use outline-offset to put spacing in between the two.
Thanks for your help guys!
jamy_za
Permalink to comment
#
July 2011
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.
Add a Comment
Is it possible to create a double dotted border using only CSS?
Thanks!
Thanks for your help guys!
Note: Be careful when using outline since it doesn't affect the box model.