How to use border-top Property in CSS?

Some Border-top property in below which is usually uses in css-

  • border-top-style
  • border-top-width
  • border-top-color
  • border-top

border-top-style

  • none – This is default which specifies no border.
  • hidden – This is very similar to none value, except in border conflict resolution for table elements
  • solid – It specifies a solid border
  • dotted – It specifies a dotted border
  • double – It specifies a double border
  • dashed – It specifies a dashed border
  • groove – It specifies a 3D grooved border.
  • ridge – It specifies a 3D ridged border.
  • inset – It specifies a 3D inset border.
  • outset – It specifies a 3D outset border.

border-top-width

  • medium – This is default value which specifies a medium top border.
  • thin – It specifies a thin top border
  • thick – It specifies a thick top border
  • length – We can define top border length in the form of % px etc.

border-top-color

  • color value
  • transparent

border-top

Syntax:-

selector{ border-top: border-top-width border-top-style border-top-color;}

Ex:-

p{ border-top: 10px solid red;}

Tagged : / / / / / /