Иллюстрированный самоучитель по Web-графике

Приложение 3. Справочник по HTML.

Свойства цвета и фона

Свойства color
Значения Название цвета или его номер
Значение по умолчанию Зависит от браузера
Поддерживается Всеми элементами
Работает ли механизм наследования Да
Возможна ли процентная запись Нет

Устанавливает цвет текста элемента страницы. Цвет может быть задан названием (например, green) или номером в соответствии со шкалой RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе, например #FFFFFF, процентами – 80%,20%,0% или в десятичной системе – " 245, 0, 20.

Свойства background
Значения transparent, <color>, <URL>, <repeat>, <scroTl>, <posltion>
Значение по умолчанию transparent
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Да (относительно размера самого элемента)

Определяет параметры фона документа. Transparent означает отсутствие фона. Вы можете использовать для фона либо цвет, либо картинку с заданным адресом URL. Адрес может быть абсолютным или относительным, но обязательно должен быть заключен в скобки и располагаться непосредственно за словом url: BODY { background: url (http://mumu.com/image/picture.gif) } Можно использовать и цвет фона, и картинку. В таком случае картинка будет лежать поверх цветного фона. Цвет может быть либо чистым, либо смешанным из двух. Картинка имеет несколько настроек: <repeat> может иметь значения repeat, repeat – х, repeat-у и no-repea t; если эти значения не указаны, значением по умолчанию является repeat; <scroll> определяет при прокручивании страницы, будет ли картинка оставаться на месте или прокручиваться вместе с ней; возможные значения: fixed, scroll; <position> определяет расположение картинки на странице; значения могут быть процентными (горизонтальное, вертикальное), абсолютным расстоянием (горизонтальное, вертикальное) или определенными с помощью ключевых слои (допустимые значения: top, middle, bottom, left, center, right). Также есть возможность определить свойства фона по частям.

Свойства backgroundAttachment
Значения fixed, scroll
Значение по умолчанию scroll
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Определяет, будет или нет фоновая картинка прокручиваться при прокрутке страницы.

Свойства backgroundСolor
Значения transparent, <color>
Значение по умолчанию transparent
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Определяет цвет фона. Может быть один цвет или два смешанных цвета. Цвет задается названием (например, green) или номером по шкале RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе например #FFFFFF, процентами – "80%, 20%, 0% или в десятичной системе "255.0.0". Синтаксис для использования двух смешанных цветов такой:

BODY { background-color: red/blue }
Свойства backgroundimage
Значения <URL>,none
Значение по умолчанию none
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

С помощью этого свойства можно определить URL-адрес фоновой картинки. Адрес можно задавать абсолютным или относительным, но обязательно он должен быть заключен в скобки и идти непосредственно за словом url.

Свойства backgroundposition
Значения <position>, <length>, top, center, bottom, left,right
Значение по умолчанию top, left
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Указывает начальное положение фоновой картинки с помощью двух значений, определяющих занимаемую часть страницы (по горизонтали, по вертикали), абсолютное расстояние (в соответствующих единицах измерения, сначала по горизонтали, потом по вертикали) или используя два ключевых слова из возможных.

Свойства backgroundrepeat
Значения repeat, repeat-x, repeat-у, no-repeat
Значение по умолчанию repeat
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Определяет, повторяется ли фоновая картинка для заполнения страницы или элемента. Если используются значения repeat – x, repeat-у, то картинка повторяется лишь вдоль одного направления. По умолчанию устанавливается повторение по обоим направлениям.

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.