CSS/Properties/border-style

From W3C Wiki
Jump to: navigation, search

border-style

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.

Description

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


Values

  • <border-style>{1,4}


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


And see also individual properties


Example

Example A

[style.css]

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

[index.html]

  <body>
    <h1>CSS border property example</h1>
  </body>

Csslist2 border-style.png

CSS Reference

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

See also