CSS Border-Right Property



CSS Tutorial  >  Border  >  Border-right

The border-right property defines the right border of an element. It is a shorthand that defines the style, width, and color of the right border. It is the combination of the following three properties:

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

It does not matter what order the values appear in. In addition, not all three values need to be present. If a value is not present, it will be set to the default. The default value for each property is as follows:

  • border-right-style: none
  • border-right-width: medium
  • border-right-color: black

Note that the default value for border-right-style is "none," so if the border-right-style is not defined in border-right, no border will appear.

Example 1: All three values are defined

CSS Declaration

width: 200px;
height: 100px;
border-right: solid 5px #999;

results in the following

Example 2: Only two values are defined

CSS Declaration

width: 200px;
height: 100px;
border-right: orange dashed;

results in the following:

In Example 2, the width of the top border is not defined, so it is set to the default value of "medium."

Next: CSS Border-Top




Copyright © 2024   1keydata.com   All Rights Reserved   Privacy Policy   About   Contact

AdBlock Detected!

Our website is made possible by displaying ads to our visitors. Please supporting us by whitelisting our website.