CSS фон

Цикл статей «CSS учебник».

Следующая статья — «CSS текст».
Предыдущая статья — «CSS цвет».

Для оформления фона в CSS есть шесть свойств:

background-color

Свойство background-color позволяет устанавливать цвет фона элементов. Пример использования:

В примере выше устанавливается серый цвет фона для элементов p.

Более подробное описание свойства background-color.

background-image

Свойство background-image  позволяет указывать фоновое изображение для элемента. Рекомендуется также указывать и цвет фона background-color, который будет отображаться во время загрузки изображения и в случае отключённого показа картинок в браузере.

Пример:

Более подробное описание свойства background-image.

background-repeat

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

Пример:

Более подробное описание свойства background-repeat.

background-attachment

Фоновое изображение может прокручиваться вместе с содержимым ( scroll), либо оставаться на месте при прокручивании ( fixed).

Пример:

Более подробное описание свойства background-attachment.

background-position

Позволяет сместить начало изображения. Можно указать количество пикселей, дюймов, размер, проценты, left, center, top, bottom. Указывается два значения: по горизонтали и по вертикали.

Пример:

Более подробное описание свойства background-position.

background

Позволяет указать от одного до пяти любых свойств из описанных выше в любом порядке. Браузер сам определит, к какому свойству относится значение.

Пример:

Более подробное описание свойства background.

Цикл статей «CSS учебник».

Следующая статья — «CSS текст».
Предыдущая статья — «CSS цвет».

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *