How should one use borders?

[balaji_sr]

I have few doubts regarding borders in CSS,

**1. Can width, style and color can be presented in random order?**
like this:

border: white 5px dotted;

**2. What is the default width, style and color of borders? Is it compulsory to present all the three properties?**

[joshuanhibbert]

To address your first question: the order doesn’t matter. See here: http://jsfiddle.net/joshnh/3aq2n/

Secondly, the only value required is the border-style, as it is none by default. If you don’t set the colour or the width, then the defaults will be used. The default value of the border-color is equal to the color property, and the default value of the border-width is medium. See here: http://jsfiddle.net/joshnh/njzyv/

Also, for further reading, check this out: http://www.w3.org/TR/CSS2/box.html#border-properties

[neerukool]

The default border-width which is medium equals 3px.
And all the juggling you specify for border are true for ‘outline’ also.

[balaji_sr]

Thank you. this really helped me!

[joshuanhibbert]

You’re welcome!

[Author]

Posts