How to use border-right Property in CSS?

The border is a Property in CSS which is used in Element with the help of CSS. So below border-right property is usually uses –

  • border-right-style
  • border-right-width
  • border-right-color
  • border-right

border-right-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-right-width

  • medium – This is default value which specifies a medium right border.
  • thin – It specifies a thin right border
  • thick – It specifies a thick right border
  • length – We can define right border length in the form of % px etc.
Here Yellow Color is Border-width

border-right-color

  • color value
  • transparent

border-right

Syntax:-

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

Ex:-

p{ border-right: 10px solid blue;}

Tagged : / / / / /