Пример
Устанавливает цвет текста для различных элементов:<html>
<head>
<meta charset="utf-8" />
<style>
body { color:red; }
h1 { color:#00ff00; }
p.ex { color:rgb(0,0,255); }
</style>
</head>
<body>
<h1>Это заголовок 1</h1>
<p>Это обычный параграф. Обратите внимание, что этот текст красный. Текст по умолчанию цвета для страницы, определенные в селекторе body.</p>
<p class="ex">Это параграф с class="ex". Этот текст синий.</p>
</body>
</html>
Определение и использование
Свойство color определяет цвет текста.
Average browsers trends in Russia in 2011
Internet Explorer 6
Internet Explorer 7
Internet Explorer 8
Internet Explorer 9
Firefox
Chrome
Safari
Opera
Browser Statistics in Russia in 2011
| 2011 | IE6 | IE7 | IE8 | IE9 | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|---|---|---|
| December | 1.17% | 1.66% | 9.87% | 5.67% | 28.54% | 25.42% | 2.01% | 24.96% |
| November | 1.21% | 1.73% | 10.14% | 5.37% | 28.67% | 24.60% | 2.18% | 25.40% |
| October | 1.60% | 2.12% | 10.83% | 5.24% | 28.81% | 23.06% | 2.15% | 25.50% |
| September | 1.55% | 2.17% | 11.77% | 4.88% | 29.85% | 21.30% | 2.10% | 25.69% |
| August | 1.64% | 2.31% | 12.51% | 4.51% | 30.79% | 20.01% | 2.00% | 25.25% |
| July | 1.71% | 2.43% | 12.60% | 4.32% | 30.91% | 18.91% | 1.96% | 26.39% |
| June | 1.70% | 2.32% | 12.15% | 4.84% | 31.77% | 17.52% | 1.86% | 27.07% |
| May | 1.66% | 2.38% | 12.65% | 4.51% | 31.79% | 16.82% | 1.72% | 27.74% |
| April | 1.74% | 3.27% | 13.30% | 2.23% | 32.30% | 16.02% | 1.68% | 28.96% |
| March | 1.88% | 4.97% | 13.69% | 0.58% | 32.68% | 14.56% | 1.61% | 29.55% |
| February | 2.08% | 5.25% | 13.79% | 0.38% | 33.09% | 13.25% | 1.61% | 30.01% |
| January | 2.16% | 4.99% | 14.06% | 0.24% | 33.29% | 12.15% | 1.60% | 30.61% |
Поддержка браузеров
Свойство color поддерживается во всех ведущих браузерах.
Примечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".
Советы и примечания
Совет: Используйте цвет фона и цвет текста удобный для чтения.
Значения свойства
| Значение | Описание | Играйте |
|---|---|---|
| цвет | Указывает цвет текста. Смотрите CSS3 Значения цветов для полного списка возможных значений цвета. | Играйте » |
| inherit | Указывает, что цвет должен быть унаследован от родительского элемента |
Была ли эта информация полезной?
