Difference between revisions of "CSS GUIDE -MOZ-BORDER-BOTTOM-COLORS"
m |
(revert) |
||
| Line 11: | Line 11: | ||
<tr><td>inherit</td><td>Use the value of this property from the parent element.</td></tr> | <tr><td>inherit</td><td>Use the value of this property from the parent element.</td></tr> | ||
<tr><td>None</td><td>[DEFAULT] Do not use any color striping for this border side.</td></tr> | <tr><td>None</td><td>[DEFAULT] Do not use any color striping for this border side.</td></tr> | ||
| − | <tr><td>Colour </td><td>Indicating one or more Colour values</td></tr> | + | <tr><td>Colour+</td><td>Indicating one or more Colour values</td></tr> |
</table> | </table> | ||
| Line 39: | Line 39: | ||
== Browser Compatibility == | == Browser Compatibility == | ||
| − | Netscape 6. | + | Netscape 6.+ |
| − | Mozilla 0.9.8 | + | Mozilla 0.9.8+ |
| − | Firefox 1.5 | + | Firefox 1.5+ |
== See Also == | == See Also == | ||
Latest revision as of 16:12, 10 April 2007
Contents
Summary
-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.
Syntax
-moz-border-bottom-colors: [<color> | transparent,]* <color> | transparent
Legal Values
| Value | Description |
|---|---|
| inherit | Use 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
<html>
<head>
<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;
}
</style>
<head>
<body>
<a class="example">Hello World </a>
</body>
</html>
Notes
Specification Conformance
Browser Compatibility
Netscape 6.+
Mozilla 0.9.8+
Firefox 1.5+
