| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Завдання
Розібратися у скороченій формі запису кольору в CSS.
Рішення
В стилях можна використовувати скорочену форму шістнадцяткове подання кольори. При цьому запис #rgb трактується як #rrggbb, іншими словами #fc0 для браузера означає те ж саме, що #ffcc00. Врахуйте, що скорочена форма може застосовуватися тільки в стилях, але ніяк не в параметрах тегів HTML (приклад 1).
Приклад 1. Застосування скороченої форми
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Скорочена форма для завдання кольору</title>
<style>
div {
background-color: #fc0; /* Колір фону */
color: #036; /* Колір тексту */
}
</style>
</head>
<body>
<div id="layer">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</div>
</body>
</html>
В даному прикладі колір тексту і фону задається в скороченій формі. Результат приклад показаний на рис. 1.
Рис. 1. Зміна кольору фону в блоці