border-top-style

Support Key: [CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Other Border-Style Properties
border-style
border-right-style
border-bottom-style
border-left-style
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   none
Applicable Elements:
ALL
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
<img BORDER> | <table BORDER>
Official Docs:
CSS2: Sect. 8.5.3, CSS2.1: Sect 8.5.3
What is it?
This property controls the line style of the top border of an element's rendering box. Browsers that support this property are allowed to treat values of dotted, dashed, groove, ridge, inset, outset and double as the value solid.

Allowed Values
inherit
[CSS2|CSS2.1] [NS6|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
none
[CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: Explicit
Description:
No border is rendered. This overrides any value of 'border-width', if present.
hidden
[CSS2|CSS2.1] [O3.5|S1]
Type: Explicit
Description:
Creates the same effect as 'none'. Only difference is for border conflict resolution for table elements.
dotted
[CSS2|CSS2.1] [IE5.5B1|N6|O3.5|S1]
Type: Explicit
Description:
The border is rendered as a series of dots.
dashed
[CSS2|CSS2.1] [IE5.5B1|N6|O3.5|S1]
Type: Explicit
Description:
The border is rendered as a series of short lines.
solid
[CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: Explicit
Description:
Renders a solid line.
groove
[CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: Explicit
Description:
Creates the effect of the border being grooved or carved in the rendering surface (A 3-D groove - the opposite of 'ridge'.) The groove bevel color is rendered based upon the value of the 'color' property.
ridge
[CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: Explicit
Description:
Creates the effect of the border being raised from the rendering surface (A 3-D ridge - the opposite of 'groove'.) The ridge bevel color is rendered based upon the value of the 'color' property.
inset
[CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: Explicit
Description:
Creates the effect of the border being embedded in the rendering surface (A 3-D inset.) The inset bevel color is rendered based upon the value of the 'color' property. A distinction exists between this value and 'groove'.
outset
[CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: Explicit
Description:
Creates the effect of the border coming out of the rendering surface (A 3-D outset - the opposite of 'inset'.) The outset bevel color is rendered based upon the value of the 'color' property. A distinction exists between this value and 'ridge'.
double
[CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: Explicit
Description:
A double line drawn on top of the background of the element. The two lines with the space between adds up to the value of the 'border-width' property for the top side.
-moz-bg-inset
[N6]
Type: Explicit
Description:
Mozilla proprietary value - authors should not use this value. The same as the "inset" value, but the element's background color is used to create the inset rendering instead of any border-color specified.
-moz-bg-outset
[N6]
Type: Explicit
Description:
Mozilla proprietary value - authors should not use this value. The same as the "outset" value, but the element's background color is used to create the outset rendering instead of any border-color specified.
Example
Ext/Doc: strong { border-top-style: groove }
In-Line:  <strong STYLE="border-top-style: groove">this is a beautiful test</strong>
Browser Peculiarities

Boring Copyright Stuff....