это уже можно применять. [2009-08-20]
Автор: Андрей Каструбин
команда |
виды команды |
расширение |
описание |
размерность |
пример |
background |
задаёт стиль фона, (можно в одной строке несколько атрибутов: цвет фона, фоновую картинку, её положение. Разделение-пробел). |
.td {background: url(./test.png) #fff 80% scroll repeat-y;}
равнозначно
.td {background: url(./test.png) #fff background-position: 80%; background-attachment: scroll; repeat-y;} |
background-attachment |
scroll |
фоновое изображение окна браузера. прокручивается вместе со страницей. |
есть/нет |
.td {background-attachment: scroll;} |
fixed |
фиксированное фоновое изображение относительно окна браузера. |
есть/нет |
.td {background-attachment: fixed;} |
inherit |
значение свойств родительского элемента |
есть/нет |
.td {background-attachment: inherit;} |
background-color |
цвет |
цвет фона. Цвет задается стандартным способом. |
есть/нет |
.td {background-color: #000000;} |
background-image |
url('путь/файл') |
фоновое изображение путь задается стандартно |
цвет |
.td {background-image: url('...');} |
background-position |
[0-100]% [0-100]% Первое значение по горизонтали, второе - по вертикали. Если одно, то по умолчанию второе 50%(вертикально посередине). |
% |
.td {background-position: 30%;} |
точное расстояние от левого верхнего угла |
размер |
.td {background-position: 30px;} |
top |
сверху |
есть/нет |
.td {background-position: top;} |
botton |
снизу |
есть/нет |
.td {background-position: bottom;} |
left |
слева |
есть/нет |
.td {background-position: left;} |
right |
справа |
есть/нет |
.td {background-position: rigt;} |
center |
по центру |
есть/нет |
.td {background-position: center;} |
inherit |
значение свойств родительского элемента |
есть/нет |
.td {background-position: inherit;} |
background-repeat |
repeat-x |
положение рисунка background повторять по горизонтали |
есть/нет |
.td {background-repeat: repeat-x;} |
repeat-y |
положение рисунка background повторять по вертикали |
есть/нет |
.td {background-repeat: repeat-y;} |
repeat |
положение рисунка background замостить всё |
есть/нет |
.td {background-repeat: repeat;} |
no-repeat |
положение рисунка background без повторений |
есть/нет |
.td {background-repeat: no-repeat;} |