Difference between revisions of "CSS GUIDE -MOZ-BORDER-BOTTOM-COLORS"

From CDOT Wiki
Jump to: navigation, search
(See Also)
m
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 ==

Revision as of 10:03, 10 April 2007

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

ValueDescription
inheritUse 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

See Also

-moz-border-top-colors

-moz-border-left-colors

-moz-border-right-colors

References

Mozilla Developer's CSS

Mozilla Developer's CSS Extension

Mozilla Specific CSS

Netscape CSS