Useful
    
главная страница | гостевая книга 

       по сайту  в интернете

Работа с фоном через CSS

background - задает все свойства фона элемента страницы в один прием. Заменяет собой атрибуты background-attachment, background-color, background-image, background-position и background-repeat.
background может включать в себя свойства: background-color, background-image, background-repeat, background-attachment, background-position;
Значения этих свойств могут располагаться в любом порядке.
Поддерживается IE начиная с 3.02; задание значений background-position и background-repeat поддерживается начиная с 4.0

background-color - задает фоновый цвет Web-страницы или ее элемента.
background-color может принимать в качестве значения цвет или предопределенное значение transparent
Значение transparent задает "прозрачный" фон. Оно же является значением по умолчанию.
Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02
Поддерживается NN начиная с 4.0

background-image - задает фоновый рисунок Web-страницы или ее элемента.
background-image: ({Интернет-адрес файла рисунка} или none)
Предопределенное значение none отключает фоновый рисунок. Оно же является значением по умолчанию.
Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02
Поддерживается NN начиная с 4.0

background-attachment - данный атрибут позволяет "зафиксировать" фоновый рисунок, чтобы он не прокручивался вместе с содержимым Web-страницы.
background-attachment может принимать значение scroll или fixed;
background-attachment: scroll; - фоновое изображение прокручивается вместе с содержимым страницы (значение по умолчанию);
background-attachment: fixed; - фоновое изображение фиксируется на одном месте и не прокручивается с содержимым страницы.
Применяется только для тега .
Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02

background-repeat - устанавливает порядок повторения фонового рисунка на Web-странице или ее элементе.
Иногда этот атрибут необходим, чтобы занять все свободное пространство, если фоновый рисунок слишком мал, чтобы покрыть пространство без повторения.
background-repeat может принимать значения: repeat, no-repeat, repeat-x, repeat-y;
background-repeat: repeat; - размножает фоновое изображение во всех направлениях (значение по умолчанию);
background-repeat: no-repeat; - запрещает фоновому изображению повторяться;
background-repeat: repeat-x; - размножает фоновое изображение только по горизонтали;
background-repeat: repeat-y; - размножает фоновое изображение только по вертикали.
Поддерживается IE начиная с 4.0

background-position - задает местонахождение фонового рисунка. Это комбинированный атрибут, заменяющий атрибуты background-position-x и background-position-y.
background-position: {background-position-x} или {background-position-y}, или {background-position-x; background-position-y};
Если задана только одна координата, то она считается горизонтальной, а для вертикальной принимается значение 50%.
Значение по умолчанию 0% 0%.
Поддерживается IE начиная с 4.0

background-position-x - задает горизонтальную координату фонового рисунка.
background-position-x: {X}, left, center, right;
Координата может быть задана целым числом (абсолютная координата), процентом от соответствующего размера фонового рисунка (относительная координата) или предопределенным значением. Доступны три предопределенных значения: left, center, right, которые задают выравнивание фонового рисунка на странице по левому краю, по центру и по правому краю соответственно.
Значение по умолчанию 0%.
Поддерживается IE начиная с 4.0

background-position-y - задает вертикальную координату фонового рисунка.
background-position-y: {Y}, top, center, bottom;
Координата может быть задана целым числом (абсолютная координата), процентом от соответствующего размера фонового рисунка (относительная координата) или предопределенным значением. Доступны три предопределенных значения: top, center, bottom, которые задают выравнивание фонового рисунка на странице по верху, по центру и по низу страницы соответственно.
Значение по умолчанию 0%.
Поддерживается IE начиная с 4.0

Назад
Главная страница
Гостевая книга
Дизайн
Java-скрипты
Раскрутка
Разное







гостевая книга|главная страница|вверх
написать нам 

Хостинг от AGAVARambler's Top100



Хостинг от uCoz