Что означает запись #fc0?
Тема:
Цвет
| 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. Изменение цвета фона в блоке
