Поиск
Свойства фона и цвета
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 }