I've seen a few ways to do this. Some cleaner than others. As far as I've
seen,you don't have much success by adding border and outline to the same
element.
If you want to avoid having to style an interior element, there's one trick
which will work in CSS3 supported browsers:
box-shadow: 0 0 0 5px #445578, 0 0 0 10px #776678;
The fourth value is offset. I think all the modern browsers support multiple
box shadows. So this should allow you to add as many "borders" as you need. The
added bonus is that box-shadow doesn't participate in the layout like border
does.
</email>
<signature id="paceaux">
Frank M Taylor
http://frankmtaylor.com
@paceaux
</signature>
On Nov 28, 2011, at 2:52 PM, Elli Vizcaino wrote:
> Hi CSS Disscuss,
>
>
> Was just wondering if there was a way to give a double border different
> values. For instance have one be 1px while the other is 3px? Is this
> possible? And is there a way to declare it?
>
> TIA!
>
>
> Elli Vizcaino
> Helping artists, entrepreneurs and
> small businesses look like rock stars &
> knock the socks off the competition!
> http://www.e7flux.com
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
