Свойства этой категории определяют цвет и фон элемента. Фон можно задать в виде цвета или изображения. В случае изображения указывается его положение, как оно повторяется и фиксировано ли оно или прокручивается вместе с прокруткой содержимого окна браузера.
Для установки цвета текста элемент существует единственное свойство color. Его значением является цвет, задаваемый с помощью ключевых слов или rgb-функции:
{ color: blue }
{ color: rgb(0, 0, 255) }
Оба правила в примере устанавливают синий цвет текста соответствующих элементов.
Для установки параметров фона элемента существует несколько свойств, задающих значения индивидуальных параметров фона, и свойство background, в котором можно устанавливать одновременно все значения параметров фона.
Цвет фона определяется значением свойства background-color, а изображение, используемое в качестве фона, задается свойством background-image. Начальным значением свойства background-color является transparent, которое определяет фон элемента как прозрачный. Значением свойства background-image является абсолютный или относительный адрес файла изображения, используемого в качестве фона. Если это свойство определено, то рекомендуется задать также цвет фона, который будет использоваться в случае недоступности файла изображения.
BODY { background-color: lightsteelblue;
background-image: url(/image/image.gif) }
{ background-image: none }
В приведённом примере задается адрес файла изображения для фона тела документа и явно указывается отсутствие фона для абзацев документа.
Если фон задан в виде изображения, то свойство background-repeat определяет его повторяемость и способы повторяемости. Допустимыми значениями являются repeat (повторяемость и по вертикали и по горизонтали), repeat-x и repeat-y (повторяемость соответственно по горизонтали или вертикали) и no-repeat (изображение не повторяется). Приведём пример кода в котором задаётся повторяемость изображения фона по вертикали.
|
