СВОЙСТВО BACKGROUND
Свойство background позволяет установить одновременно несколько характеристик фона.
Свойство background может включать в себя следующие свойства:
- background-color
- background-image
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
Поддержка браузеров
Синтаксис
background: backgroundg-color backgroundg-image position/bg-size backgroundg-repeat backgroundg-origin backgroundg-clip backgroundg-attachment initial|inherit
Значения свойства
| Значение | Описание |
|---|---|
| background-color | Устанавливает фоновый цвет. |
| background-image | Устанавливает фоновое изображение. |
| background-position | Устанавливает положение фонового изображения. |
| background-size | Устанавливает размер фонового изображения. |
| background-repeat | Определяет как будет повторяться фоновое изображение. |
| background-origin | Определяет исходную область позиционирования фонового рисунка. |
| background-clip | Определяет, насколько далеко фон должен распространяться внутри элемента. |
| background-attachment | Определяет будет ли фоновое изображение прокручиваться с остальной частью страницы или будет фиксированным. |
| initial | Устанавливает значение по умолчанию. |
| inherit | Унаследует значение свойства от родительского элемента. |
Песочница
<div class="block"> </div>HTML
.block {
height:213px;
width:640px;
background: url(/images/solar-system.jpg) no-repeat top left
}
CSS