Export (0) Print
Expand All

border-right-width property

Specifies the thickness of the right border of the object.

CSS Backgrounds and Borders Module Level 3, Section 4.3

 

Syntax

border-right-width: thin | thick | medium | <width>

Property values

medium

Initial value. The default thickness.

thin

Less than the default thickness.

thick

Greater than the default thickness.

width

Thickness specified by a floating-point number, followed by a supported length unit.

CSS information

Applies ToAll elements
Mediavisual
Inheritedno
Initial Valuemedium

Standards information

Examples

The following examples use the border-right-width CSS property and the borderRightWidth scripting property to specify the width of the right border.

This example uses a call to an embedded (global) style sheet to change the width of the right border to 1 centimeter when a mouse click occurs.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/border-right-width.htm


<head>
<style>
td {
  border-right-width: 3mm;
  border-style:solid;
  border-color:gray;
  text-align:center;
}
.changeborder1 {
  border-right-width: 1cm;
}
</style>
</head>
<body>
<table>
<tr>
  <td onclick="this.className='changeborder1'"
    ondblclick="this.className=''">
    <img src="sphere.jpg">
  </td>
</tr>
</table>

This example uses inline script to change the width of the right border to 1 centimeter when a mouse click occurs.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/borderRightWidth.htm


<td onclick="this.style.borderRightWidth='1cm'">

See also

CSSStyleDeclaration
currentStyle
defaults
runtimeStyle
style
Reference
border
border-width
Other Resources
CSS Enhancements in Internet Explorer 6

 

 

Show:
© 2014 Microsoft