color

Internet Explorer | Chrome | Opera | Safari | Firefox
7.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.6 | 10.0 | 10.0 | 3.1 | 4.0 | 5.0 | 3.0 | 3.6 | 4.0
Помилка | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так

Коротка інформація

CSS | CSS1, CSS2.1
Значення за умовчанням | Залежить від налаштувань браузеру, зазвичай чорний колір
Наслідує | Так
Застосовується | До усіх елементів
Аналог HTML | <body text="колір"><font color="колір">
Посилання на специфікацію | http://www.w 3.org/TR/CSS21/colors.html#propdef - color

Опис

Визначає колір тексту елементу.

Синтаксис

color: колір | inherit

Значення

Колір можна задавати трьома способами.

1. По його назві

Браузери підтримують деякі кольори по їх назві.

2. По шістнадцятиричному значенню

Для завдання кольорів використовуються числа в шістнадцятиричному коді. Шістнадцятирична система, на відміну від десяткової системи, базується, як випливає з її назви, на числі 16. Цифри будуть наступні: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифри від 10 до 15 замінені латинськими буквами. Числа більше 15 в шістнадцятиричній системі утворюються об'єднанням двох чисел в одно. Наприклад, числу 255 в десятковій системі відповідає число FF в шістнадцятиричній системі. Щоб не виникало плутанини у визначенні системи числення, перед шістнадцятиричним числом ставлять символ грат #, наприклад #666999. Кожен з трьох кольорів - червоний, зелений і синій - може набувати значень від 00 до FF. Таким чином, позначення кольору розбивається на три складові #rrggbb, де перші два символи відмічають червону компоненту кольору, два середніх - зелену, а два останніх - синю. Допускається використовувати скорочену форму виду #rgb, де кожен символ слід подвоювати. Так, запис #fe0 слід розцінювати як #ffee00.

3. За допомогою RGB

Можна визначити колір використовуючи значення червоною, зеленою і синій складовій в десятковому численні. Значення кожного з трьох кольорів може набувати значень від 0 до 255. Також можна задавати колір в процентному відношенні.

inherit Наслідує значення батька.

Приклад

HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.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; /* Колір символу */

font - size: 200%; /* Розмір шрифту */

}

P {

color: RGB(49, 151, 116); /* Колір тексту */

}

</style>

</head>

<body>

<p><span class="letter">Л</span>уцький національний технчний університет є одним із найкращих професійних закладів освіти у місті Луцьку. </p>

<p><span class="letter">Н</span>айкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.</p>

</body>

</html>

Результат цього прикладу показаний ні мал. 1.

Мал. 1. Використання властивості color

Об'єктна модель

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

Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.