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 цвет».


Поделиться:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.

*