CSS border-top-style

The CSS border-top-style property allows you to set the style of a top border.

You can also use border-style to set the style for all sides of your element.

Note: You will also need to specify border-top-color and border-top-width before your border-top-style is displayed.

Syntax:	border-top-style: <border-style>
Possible Values:	none hidden dotted dashed solid double groove ridge inset outset inherit
Initial Value:	None
Applies to:	All elements.
Inherited:	Yes
Media:	Visual
Example:	`div.border-style {border-top-style:dotted}`
Try it yourself!	HTML Editor <style type="text/css"> div.color { border-top-width:2px; border-top-style:dotted; border-top-color:#ff9900; } } </style> <div class="color">This ''div'' is styled using the CSS border-top-style. Try changing the value to see the effect it has on the top border style.</div>

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_border-top-style.cfm">CSS border-top-style</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites