Your Search Results

    background-color Redirect 1

    Summary

    The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.

     

    • Initial value transparent
    • Applies to all elements
    • Inherited no
    • Media visual
    • Computed value If the value is translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgba(0,0,0,0).
    • Animatable yes, as a color
    • Canonical order the unique non-ambiguous order defined by the formal grammar

    Syntax

    Formal syntax: <color>
    background-color: red
    background-color: rgb(255, 255, 128)
    background-color: hsla(50, 33%, 25%, 0.75)
    background-color: currentColor
    background-color: transparent
    background-color: #bbff00
    
    background-color: inherit
    

    Values

    <color>
    Is a CSS <color> that describes the uniform color of the background. Even if one or several background-image are defined, this color can be affect the rendering, by transparency if the images aren't opaque.

    Examples

    View the live example

    .exampleOne {
    	background-color: teal;
    	color: white;
    }
    
    .exampleTwo {
    	background-color: rgb(153,102,153);
    	color: rgb(255,255,204);
    }
    
    .exampleThree {
    	background-color: #777799;
    	color: #FFFFFF;
    }
    
    .exampleFour {
      background-color: hsla(300, 20%, 50%, 0.8);
      color: hsla(60, 100%, 90%, 0.8);
    }
    
    

    Specifications

    Specification Status Comment
    CSS Backgrounds and Borders Module Level 3 Candidate Recommendation Though technically removing the transparent keyword, this doesn't change anything as it has been incorporated as a true <color>
    CSS Level 2 (Revision 1) Recommendation No change.
    CSS Level 1 Recommendation  

    Browser compatibility

    Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari (WebKit)
    Basic support 1.0 (1.7 or earlier) 1.0 4.0 3.5 1.0 (85)
    Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
    Basic support 1.0 (1.9.2) (Yes) (Yes) (Yes) (Yes)

    See also

     

    Document Tags and Contributors

    Contributors to this page: Sheppy
    Last updated by: Sheppy,
    Hide Sidebar