• 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.

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;}

The post How to use border-right Property in CSS? appeared first on scmGalaxy.