Skip to main content

Visit Mozilla.org

CSS:-moz-border-bottom-colors

From MDC

« CSS Reference « CSS Reference:Mozilla Extensions

[edit] Summary

In Mozilla applications, -moz-border-bottom-colors sets the border colors for the bottom edge. It should be set to a list of colors. When an element has a border that is larger than a single pixel, each line of pixels uses the next color specified in this property, from the outside in. This eliminates the need for nested boxes. If the border is wider than the number of colors specified for this property, the remaining part of the border is the innermost color specified:

  • Initial value: N/A
  • Applies to: all elements
  • Inherited: no

The presence of -moz-border-bottom-colors triggers separate border-drawing code that was designed for drawing borders of user interface elements, but does not support some of the other border properties.

[edit] Syntax 

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

[edit] 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

[edit] Related properties

[edit] Examples 

hbox.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;
}
Retrieved from "http://developer.mozilla.org/en/docs/CSS:-moz-border-bottom-colors"