In order to access this site you need to enable JavaScript!

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)

•

<color>

•

none

•

inherit

Description of values:

color

The color of the border. For the supported color values, see the colors page.

inherit

Takes the value of this property from the computed style of the parent element.

none

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:

<head>
    <style>
        .example {
            border-bottom-width: 8px;
            border-bottom-style: solid;
            -moz-border-bottom-colors: red blue yellow green;
        }
    </style>
</head>
<body>
    <div class="example">
        border with four colors: red blue yellow green
    </div>
</body>