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