Свойство background сокращённое
Чтобы сократить код в CSS, можно также определить все свойства фона в одном единственном свойстве, которое называется 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 | Устанавливает все свойства фона в одном объявлении |
| background-attachment | Устанавливает, является ли фоновое изображение фиксированным или прокручивается вместе с остальной частью страницы |
| background-clip | Задает область рисования фона |
| background-color | Задает цвет фона элемента |
| background-image | Задает фоновое изображение для элемента |
| background-origin | Задает, где расположено фоновое изображение(я). |
| background-position | Задает начальное положение фонового изображения |
| background-repeat | Задает способ повторения фонового изображения |
| background-size | Задает размер фонового изображения(й) |