From Web Education Community Group
< CSS‎ | Properties
Revision as of 11:27, 20 November 2011 by Rworth (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search


The border-style property is a shorthand property for setting 'border-top-style', 'border-right-style', 'border-bottom-style', and 'border-left-stlye' at the same place in the style sheet.


Values <border-style>{1,4} | inherit
Initial value See individual properties
Applies to all elements
Inherited No


  • <border-style>{1,4}

  • inherit
    Takes the same specified value as the property for the element's parent.

And see also individual properties


Example A


 h1 {
   border-style: solid dotted dashed double;
   border-width: 3px;


    <h1>CSS border property example</h1>

Csslist2 border-style.png

CSS Reference

The CSS specification defines the border-style property in 8.5.3 Border style.

See also