⑨ Краткая запись свойств фона: свойство background

Продолжим изучение темы CSS - фон. Если пропустили прошлые статьи, то вот ссылки на них:

• ① Базовый цвет: свойство background-color
• ② Источник изображения: свойство background-image
• ③ Укладка изображений: свойство background-repeat
• ④ Фиксация изображения: свойство background-attachment
• ⑤ Позиционирование изображений: свойство background-position
• ⑥ Область рисования: свойство background-clip
• ⑦ Область расположения фона: свойство background-origin
• ⑧ Размер изображений: свойство background-size

Свойство background позволяет описать в одном объявлении следующие свойства фона: background-color, background-image, background-position, background-size, background-repeat, background-origin, background-clip и background-attachment. Необязательно указывать все перечисленные свойства, если какое-либо свойство будет пропущено, оно примет значение по-умолчанию.

Если вы указываете в краткой записи фона свойство background-size, то его значения нужно будет записать через слеш /, чтобы отделить его от свойства background-position.

Синтаксис

CSS

background: gold;
background: url("rose.png") repeat-y;
background: border-box red;
background: no-repeat center/80% url("../img/icon.png");

Продолжение в следующей статье!