FREE Hosting!

With every domain name you register with ZappyHost, you get FREE hosting.

$1.99 Domain Names

With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

CSS border-style

Also see the full, alphabetical list of CSS properties

The CSS border-style property allows you to set the border style on all sides of an element. You can supply from one to four values. Each value specifies the style for each side of the element. For example, if four values are provide, they will apply to the top, right, bottom and left borders - in that order. Supplying one value applies the style to all four sides.

Syntax:	border-style: <border-style1>, <border-style2> ...
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-style:dotted dashed solid double}`
Try it yourself!	<style type="text/css"> div.styled { border-width:6px; border-color:#ff9900; border-style: dotted dashed solid double; } </style> <div class="styled">This ''div'' is styled using the CSS border-style property. Try changing the value to see the effect it has on the border styles of each side of the div.</div>

Also see all CSS properties listed alphabetically

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-style.cfm">CSS border-style</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites