border-right-width - HTML CSS CSS Property

HTML CSS examples for CSS Property:border-right-width

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. border-right-width

Description

The border-right-width CSS property sets the width of an element's right border.

The following table summarizes the border-right-width Property.

Item Value
Default value: medium
Applies to:All elements
Inherited: No
Animatable: Yes.

Syntax

The syntax of the property is as follows: 


border-right-width:     thin | medium | thick | length | initial | inherit

Property Values

The following table describes the values of border-right-width Property.

Value Description
thinA thin border.
medium A medium border.
thick A thick border.
length A length value in px, pt, cm, em, etc. Negative values are not allowed.
initial Sets this property to its default value.
inherit take the value of its parent element border-right-width property.

The example below shows the border-right-width property.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Example of CSS border-right-width property</title>
  <style type="text/css">
    p {<!--   w  w  w .  j  a  v  a 2s  .c o  m-->
      border-style: solid;
      border-right-width: 15px;
    }
    </style>
 </head>
 <body>
  <p>This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. </p>
 </body>
</html>

Related Tutorials