Grow your CSS skills. Land your dream job.

How should one use borders?

  • # October 30, 2012 at 12:21 am

    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?**

    # October 30, 2012 at 12:31 am

    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

    # October 30, 2012 at 12:59 am

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

    # October 30, 2012 at 1:12 am

    Thank you. this really helped me!

    # October 30, 2012 at 4:11 am

    You’re welcome!

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

You must be logged in to reply to this topic.

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