border-right-width

SummaryEdit

The border-right-width CSS property sets the width of the right border of a box.

SyntaxEdit

border-right-width: 10em    /* Any <length> value */
border-right-width: 3vmax
border-right-width: 6px

border-right-width: thin    /* A keyword */
border-right-width: medium
border-right-width: thick

border-right-width: inherit

Values

<br-width>

Is either a non-negative explicit <length> value or a keyword denoting the thickness of the right border. The keyword must be one of the following values:

thin		A thin border
medium		A medium border
thick		A thick border

The specification doesn't define precisely the thickness of each fo the keywords, which is therefore implementation specific. Nevertheless, it requests that the thickness does follow the rule thin ≤ medium ≤ thick, and is constant on a single document.

inherit

Represents the calculated value of the border-right-width of the parent's element.

Formal syntax

<br-width>
where 
<br-width> = <length> | thin | medium | thick

ExamplesEdit

Four table cells

HTML

<table>
   <tr>
      <td id="b1" class="blu">
         <code>border-right-width: 40px</code></td>
      <td id="b2" class="blu">
         <code>border-right-width: thin</code></td>
      <td id="b3" class="blu">
         <code>border-right-width: medium</code></td>
      <td id="b4" class="blu">
         <code>border-right-width: thick</code></td>
   </tr>
</table>

CSS

#b1 { border-right-width: 40px;   }
#b2 { border-right-width: thin;   }
#b3 { border-right-width: medium; }
#b4 { border-right-width: thick;  }
.blu {
    border-right-color: #2266DD;
}
td {
    border: 1px solid #000000;
}

Result

SpecificationsEdit

Browser compatibilityEdit

See alsoEdit

• The other border-width-related CSS properties: border-bottom-width, border-left-width, border-top-width, and border-width
• The other border-right-related CSS properties: border, border-right, border-right-style, and border-right-color.