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

-moz-border-top-colors property

Browser support:
Sets the border colors for the top 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: MozBorderTopColors. 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-top-colors property:
<head>
    <style>
        .example {
            border-top-width: 8px;
            border-top-style: solid;
            -moz-border-top-colors: red blue yellow green;
        }
    </style>
</head>
<body>
    <div class="example">
        border with four colors: red blue yellow green
    </div>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content