color

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes

Short information
CSS CSS1
Default value Depands on browser settings, usually the color is black
Inherited Yes
Applied To all elements
HTML analog <body text="color"> <font text="color">
Reference to specification http://www.w3.org/TR/CSS21/colors.html#propdef-color

Description
This parameter determines a color of element text.

Syntax

color: value

Arguments
You can specify a color by 3 means.
1. By the name.
Browsers support some colors with the names.
2. By the hexadecimal denotation
For colors specifying it is used the numbers in hexadecimal code. This system unlike decimal is based on number 16. It uses next symbols: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here you can see that numbers from 10 to 16 are changed by Latin letters. In the decimal value the numbers after 15 are formed by combination of 2 numbers into 1. For example, number 255 appropriates number FF in hexadecimal value. For avoiding misunderstandings to define accounting system, there is the symbol # before hexadecimal value, for example #666999. Each of three colors — red, green and dark blue — can take on values from 00 to FF. Thus, value of color is broken up on three constituents #rrggbb, where first 2 symbols mark red component of a color, 2 mediums do green and two last do – dark blue. It is assumed to use the brief form of kind #rgb, where every symbol is needed to double. So, it is necessary to consider record #fe0 as #ffee00.
3. With the help of RGB
It is possible to define a color using values of red, green and dark blue making in a decimal calculation. Value each of three colors can take on values from 0 to 255. It is also possible to set a color in a percentage ratio.

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>color</title>
  <style type="text/css">
   .letter {
    color: red; /* Symbol color */
    font-size: 200%; /* Font size */
   } 
   P {
    color: RGB(49, 151, 116); /* Text color */
   }
  </style>
 </head> 
 <body>
 
  <p><span class="letter">L</span>orem ipsum dolor 
   sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt 
   ut lacreet dolore magna aliguam erat volutpat.</p>
  <p><span class="letter">U</span>t wisis enim ad 
   minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
   ut aliquip ex ea commodo consequat.</p>
 
 </body>
</html>

The result of this example is shown on the figure 1


Object model

[window.]document.getElementById("elementID").style.color