CSS справочник

CSS фон или background

CSS справочник | Свойства фона

background

— атрибут фона, может содержать сразу несколько свойств:

background: [background-color] [background-image][background-repeat]

[background-attachment] [background-position]

background: Yellow url(images/xxx.jpg) no-repeat 20px 10px   →   Фон желтого

цвета с изображением, которое не распространяется по сторонам и смещено на 20px вправо, и на

10px вниз, относительно своей первоначальной позиции.


background-color

— определяет фоновый цвет:

background-color: #ff9900   →   оранжевый фон.

background-image

— устанавливает фоновое изображение:

background-image: url(images/xxx.jpg)   →   указан адрес подгружаемого изображения.

background-attachment

— позволяет зафиксировать фоновое изображение:

background-attachment: scroll|fixed   →   scroll – фоновое изображение перемещается

при прокрутке страницы (значение по умолчанию); fixed – изображение зафиксировано.

background-repeat

— определяет порядок распространения фонового изображения:

background-repeat: repeat   →   распространение по горизонтали и по вертикали;

background-repeat: no-repeat   →   распространения не происходит;

background-repeat: repeat-x   →   происходит распространение по горизонтали;

background-repeat: repeat-y   →   изображение распространяется по вертикали.

background-position

— определят позицию фонового рисунка (в пикселях):

background-position: x y   →   x – по горизонтали, y – по вертикали. Если задана только одна

координата, то она считается горизонтальной, а для вертикальной принимается значение 50%.

background-position: 20px 10px   →   фоновое изображение смещается вправо на 20px и

на 10px вниз, относительно своей первоначальной позиции.

Дата публикации: Октябрь 2009 | Обновление: Август 2014

CSS справочник | Текст   CSS Фон, цвет фона   CSS справочник | Границы

    Сохранить в сервисы и закладки