Skip to content
Related Articles

Related Articles

Improve Article
CSS | border-right Property
  • Last Updated : 07 Aug, 2019

The border-right Property is a shorthand property used for all the three Properties that are given below-

  • border-right-width
  • border-right-style(if required)
  • border-right-color

Syntax:

border-right: border-width border-style border-color|initial|
inherit;

Property Values:

border-width border-style border-color:It is used to sets the width, style, color of a Element’s Border.

  • Syntax:
    border-right: border-width border-style border-color 
  • Example:




    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
            CSS | border-right Property
        </title>
        <style>
            h1 {
                border-right: 5px solid red;
            }
              
            h2 {
                border-right: 4px dotted blue;
            }
              
            div {
                border-right: double;
            }
        </style>
    </head>
      
    <body>
      
        <h1>A heading with a solid red right border</h1>
      
        <h2>A heading with a dotted blue right border</h2>
      
        <div>A div element with a double right border.</div>
      
    </body>
      
    </html>
  • Output:

initial:It sets the property to its default value.

  • Syntax:
    border-right:initial;
  • Example:




    <!DOCTYPE html>
    <html>
    <head>
    <style>
    h1 {
       color:green;
    }
      
    h3 {
      border-right: initial;
      width:20%;
    }
      
    div {
      border-right: initial;
      width:40%;
    }
    </style>
    </head>
    <body>
    <center>
    <h1>GeeksForGeeks</h1>
    <h2> CSS Border-right Property</h2>
    <h3>geeksforgeeks</h3>
      
    <div>It is a computer science portal for geeks.</div>
      
    </body>
    </html>
  • Output:

Supported Browsers: The browser supported by css border-right property are listed below:

  • Google Chrome 1.0
  • Internet Explorer 4.0
  • Firefox 1.0
  • Opera 3.5
  • Apple Safari 1.0



My Personal Notes arrow_drop_up
Recommended Articles
Page :