Border-Right Shorthand

This example demonstrates how to set the color of the right border.

HTML file: Displayed by browser:
<style>
p.lw {
   border-style: solid;
   border-right-width: 15px;
   border-right-style: ridge;
   border-right-color: #ff0000;
}
p.sh {
   border-style: solid;
   border-right: medium double blue;
}
</style>
<body>
<p class="lw">The long way defined a red ridged border 15px wide.</p>
<p class="sh">The short way defined a blue medium double-line border.</p>
</body>

The long way defined a red ridged border 15px wide.

The short way defined a blue medium double-line border.

The border-style property must be defined to see any borders at all.

Back button Table of Contents Next button