color

Overview

W3C

Properties

background

background-attachment

The color property specifies the foreground color of an element's text content.


                                color: <color> | inherit

Initial:	depends on user agent
Applies To:	all elements
Inherited:	yes
Percentages:	NA
Media:	visual

Values
DOM
Example | Values | color
Example | DOM
References


                                color: value;


Value:	Description:
color	Keyword or a numerical RGB (Red Green Blue) specification
inherit	Takes the same computed value as the property for the element's parent


                                [window.]document.getElementById("element-id").style.color = "color";

<html>
  <head>
    <title>color</title>
  </head>
  <body>
    <a href="/" onmouseover="mouseover1();">keyword</a>
    <a href="/" onmouseover="mouseover2();">#rrggbb</a>
    <a href="/" onmouseover="mouseover3();">#rgb</a>
    <a href="/" onmouseover="mouseover4();">rgb(r, g, b)</a>
    <a href="/" onmouseover="mouseover5();">rgb(r%, g%, b%)</a><br>
    <h1 id="id1">Header</h1>
    <p id="id2">paragraph</p>
  </body>
  <script type="text/javascript">
    function mouseover1() {
      document.getElementById("id1").style.color = "red";
      document.getElementById("id2").style.color = "green";
    }
    function mouseover2() {
      document.getElementById("id1").style.color = "#ffff00";
      document.getElementById("id2").style.color = "0000ff";
    }
    function mouseover3() {
      document.getElementById("id1").style.color = "#0ff";
      document.getElementById("id2").style.color = "#f0f";
    }
    function mouseover4() {
      document.getElementById("id1").style.color = "rgb(0, 128, 64)";
      document.getElementById("id2").style.color = "rgb(0, 128, 255)";
    }
    function mouseover5() {
      document.getElementById("id1").style.color = "rgb(25%, 50%, 75%)";
      document.getElementById("id2").style.color = "rgb(75%, 50%, 25%)";
    }
  </script>
</html>

W3C Cascading Style Sheets, level 1

W3C Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification

CSS

Values

DOM

Example | Values | color

Example | DOM

References