Difference between revisions of "CSS GUIDE BORDER-TOP-STYLE"

From CDOT Wiki
Jump to: navigation, search
(See Also)
(See Also)
 
(One intermediate revision by the same user not shown)
Line 39: Line 39:
  
 
== See Also ==
 
== See Also ==
*[[CSS_GUIDE_BORDER-TOP-WIDTH]]
+
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-TOP-WIDTH border-top-width]
*[[CSS_GUIDE_BORDER-TOP-COLOR]
+
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-TOP-COLOR border-top-color]
*[[CSS_GUIDE_BORDER-BOTTOM-STYLE]
+
*[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-BOTTOM-STYLE border-bottom-style]

Latest revision as of 17:14, 13 December 2006

Summary

This property allows you to set the style of an element's top border.

  • Initial: none
  • Applies to: all elements
  • Inherited: no
  • Percentages: N/A
  • Media: visual

Syntax

TARGET_ELEMENT{border-top-style: value;}

Legal Values

  • none Defines no border
  • hidden - same as "none", except in border conflict resolution for table elements
  • dotted - dotted border.
  • dashed - dashed border.
  • solid - solid border
  • double - Specifies two borders. The width of the two borders are the same as the border-width value
  • groove - 3D grooved border. The effect depends on the border-color value
  • ridge - 3D ridged border. The effect depends on the border-color value
  • inset - 3D inset border. The effect depends on the border-color value
  • outset - 3D outset border. The effect depends on the border-color value

Mozilla Recommended Values

Usage Examples

table{border-top-style: none;}

table{border-top-style: dashed;}

table{border-top-style: solid;}

Notes

There are some rendering issues where dotted as well as dashed renders as solid in most browsers.

Specification Conformance

CSS 2.1

Browser Compatibility

See Notes

See Also