Поиск

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

color

Цвет элемента или его содержимого.
Примеры:

U { color: red }
Р { color: rgb(255,120,120) }
background-color

Цвет фона.
Значения:

  • transparent — прозрачный фон;
  • значение цвета в стандартном формате.

Пример:

Н1 { background-color: #9AC159 }
background-image

Фоновый рисунок.
Значения:

  • none — без рисунка;
  • ссылка на файл.

Пример:

TABLE { background
background-repeat

Свойство, определяющее, надо ли повторять фоновый рисунок для заполнения пространства элемента.
Значения:

  • repeat — заполнять все пространство элемента;
  • repeat-х — заполнить только первый горизонтальный ряд;
  • repeat-y — заполнить только первый вертикальный столбец;
  • no-repeat — не заполнять.

Пример:

BODY { background-image: url(kvadrat.gif); background-repeat: repeat-y; }
background-attachment

Свойство, определяющее, будет ли фон прокручиваться вместе с содержимым документа.
Значения:

  • scroll — прокрутка разрешена;
  • fixed — прокрутка запрещена.
background-position

Начальное положение фонового рисунка.
Значения: свойства являются две величины в численном (или процентном) выражении, а также символьные коды:

  • 0% 0% — значение по умолчанию;
  • top left или left top — значение 0% 0%;
  • top, top center или center top — значение 50% 0%;
  • right top или top r i g h t — значение 100% 0%;
  • left, left center или center left — значение 0% 50%;
  • center или center center — значение 50% 50%;
  • right, right center или center r i g h t — значение 100% 50%;
  • bottom le-Ft или left bottom — значение 0% 100%;
  • bottom, bottom center или center bottom — значение 50% 100%;
  • bottom right или right bottom — значение 100% 100%.

Если указана одна величина, она интерпретируется как значение отступа по гори- зонтали, а значение по вертикали принимается равным 50%.

Пример:

BODY { background-image: urKbanner.gif); background-position: top center }
background

Фон элемента. Одновременное задание свойств background-color, background-image, background-repeat, background-attachment и background-position.

Примеры:

TD { background: url(http://cepBep.com/metal.jpg) } P { background: url(sphere.gif) gray 50% repeat fixed }