You are here: Reference > CSS > properties > browser specific extensions > -moz-border-bottom-colors

-moz-border-bottom-colors property

Browser support:
Sets the border colors for the bottom edge. You can specify as many color values as you want. All specified colors will appear as a 1px thick line.
JavaScript page for this property: MozBorderBottomColors. You can find other example(s) there.

Possible values:

 One of the following values: 
 This value can be used arbitrary times (use the space character to separate them) 

Description of values:

The color of the border. For the supported color values, see the colors page.
Takes the value of this property from the computed style of the parent element.
Do not use any color striping for this border side.
Default: none.

Example HTML code 1:

This example illustrates the use of the -moz-border-bottom-colors property:
        .example {
            border-bottom-width: 8px;
            border-bottom-style: solid;
            -moz-border-bottom-colors: red blue yellow green;
    <div class="example">
        border with four colors: red blue yellow green
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content