From CDOT Wiki
Revision as of 17:12, 10 April 2007 by Bhearsum (talk | contribs) (revert)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search


-moz-border-bottom-colors is a Mozilla property extension to CSS to use a color striping effect on the bottom border. Each colour is one pixel in the border. If you want the border to be 3 pixels wide you define each colour separated by a space.


-moz-border-bottom-colors: [<color> | transparent,]* <color> | transparent

Legal Values

inheritUse the value of this property from the parent element.
None[DEFAULT] Do not use any color striping for this border side.
Colour+Indicating one or more Colour values

Mozilla Recommended Values

<color> - specifies the color of a line of pixels in the bottom border

transparent - the line of pixels does not have its own color, instead showing the color of the element behind it

Usage Examples

<style type="text/css">
a.example {
  border: 5px solid #000000;
  /* The color of the bottom border will be red, green, blue, white, then white, starting at the outside */
  -moz-border-bottom-colors: #FF0000 #00FF00 #0000FF #FFFFFF;
<a class="example">Hello World </a>


Specification Conformance

Browser Compatibility

Netscape 6.+

Mozilla 0.9.8+

Firefox 1.5+

See Also





Mozilla Developer's CSS

Mozilla Developer's CSS Extension

Mozilla Specific CSS

Netscape CSS