CSS :: Свойство color

css-свойство color (от англ. color – цвет) используется для установки цвета текста.

Характеристики

Значение по умолчанию: зависит от браузера.
Применяется: ко всем элементам.
Наследуется: да.
Анимируется: да.
JavaScript: object.style.color="value".

Синтаксис

color: <цвет> | transparent

Значения

цвет – любое допустимое в CSS значение цвета.
transparent – делает текст прозрачным (бесцветным).

Ссылки

Официальный сайт W3C: https://drafts.csswg.org/css-color-3/#color

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/color

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>
		p{
		width: 300px;
		height: 50px;
		margin: 3em;
		padding: 1em;
		border: 1px solid violet;
		background-color: #EEE;
		}
		
		.p_1{color: #0000FF;}
		
		.p_2{color: orange;}
		
		.p_3{color: transparent;}
	</style>
	
</head>
<body>
	<p class="p_1">color: #0000FF;</p> 
 
	<p class="p_2">color: orange;</p>
 
	<p class="p_3">color: transparent;</p>
	
	<p>
		Текст имеет цвет, используемый 
		данным браузером по умолчанию.
	</p>	
</body>
</html>

Пример №1