CSS GUIDE BORDER-TOP-STYLE

From CDOT Wiki
Jump to: navigation, search

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