Шаг 14.
Основы CSS.
Свойства форматирования цвета и фона элемента

    На этом шаге мы рассмотрим свойства, позволяющие задавать фон элемента.

    Свойства этой категории определяют цвет и фон элемента. Фон можно задать в виде цвета или изображения. В случае изображения указывается его положение, как оно повторяется, фиксировано ли оно или прокручивается вместе с прокруткой содержимого окна браузера.

    Для установки цвета текста элемента существует единственное свойство color. Его значением является цвет, задаваемый с помощью ключевых слов или rgb-функции:

   <Р>  {color: Blue;}
   <ЕМ> {color: rgb(0,0,255); }

    Оба правила в примере устанавливают синий цвет текста соответствующих элементов.

    Цвет фона элемента определяется значением свойства background-color, а изображение, используемое в качестве фонового, задается свойством background-image. Начальным значением свойства background-color является transparent, которое определяет фон элемента как прозрачный. Значением свойства background-image является абсолютный или относительный адрес файла изображения, используемого в качестве фона. Если это свойство определено, то рекомендуется задать также и цвет фона, который будет использоваться в случае недоступности файла изображения.

    BODY {background-color: lightsteelblue;
    	    background-image: url(/image/image.gif);}
    Р    {background-image: none;}

    В приведенном примере задается адрес файла изображения для фона тела документа и явно указывается отсутствие фона для абзацев документа. Если фон задан в виде изображения, то свойство background-repeat определяет его повторяемость и способы повторяемости. Допустимыми значениями являются:

    В следующем примере:

   BODY { background-color: lighsteelblue;
            background-image: url(/image/image.gif);
             background-repeat: repeat-y;}

задается повторяемость изображения фона по вертикали.

    На следующем шаге мы закончим изучение этого вопроса.




Предыдущий шаг Содержание Следующий шаг