The border-top-style property is used in CSS and certain HTML elements. It is used for setting the line style for the top side of the element's border. To set the line type for all four sides, use border-style. To set the line type individually for the other sides, use border-right-style, border-bottom-style, or border-left-style.


  • none - No border; default value.
  • hidden - Same as none, except in terms of border conflict resolution for table elements.
  • dashed - Series of short dashes or line segments.
  • dotted - Series of dots.
  • double - Two straight lines that add up to the pixel amount defined as border-width.
  • groove - Carved effect.
  • inset - Makes the box appear embedded.
  • outset - Opposite of inset. Makes the box appear 3D (embossed).
  • ridge - Opposite of groove. The border appears 3D (coming out).
  • solid - Single, straight, solid line.

HTML example:

<span style="border-top:medium solid white;">TEXT</span>

CSS example:

h1 {
    border-top:medium solid white;

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.