CSS background - сокращенное
CSS background - сокращенное свойство
Чтобы сократить код, можно также указать все свойства фона в одном единственном свойстве. Это называется свойство background
Вместо написания:
body {
background-color: #ffffff;
background-image:
url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
}
Вы можете использовать свойство стенографии background:
Пример
Используйте свойство стенографии для задания свойств фона в одном объявлении:
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}
Попробуйте сами »
При использовании свойства сокращен порядок значений свойств:
background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position
Не имеет значения, если одно из значений свойства отсутствует, пока остальные находятся в этом порядке.
Обратите внимание, что мы не используем свойство background-attachment в приведенных выше примерах,
поскольку оно не имеет значения.
Проверьте себя с помощью упражнений!
Все свойства фона CSS
| Свойство | Описание |
|---|---|
| background | Устанавливает все свойства фона в одном объявлении |
| background-attachment | Устанавливает, является ли фоновое изображение фиксированным или прокручивается вместе с остальной частью страницы |
| background-clip | Задает область рисования фона |
| background-color | Задает цвет фона элемента |
| background-image | Задает фоновое изображение для элемента |
| background-origin | Задает, где расположено фоновое изображение(я). |
| background-position | Задает начальное положение фонового изображения |
| background-repeat | Задает способ повторения фонового изображения |
| background-size | Задает размер фонового изображения(й) |
