Шаблон:Background-size

Поделись знанием:
Перейти к: навигация, поиск
[просмотр] [править] [история] [обновить]
 Документация
Background-size масштабирует изображение в любых единицах CSS2
 %
— задаёт размер картинки в процентах от ширины или высоты элемента.
auto
— если задано одновременно для ширины и высоты (auto auto), размеры фона остаются исходными; если только для одной стороны картинки (100px auto), то размер вычисляется автоматически исходя из пропорций картинки.
cover
— масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain
— масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.

Если установлено одно значение, оно устанавливает ширину фона, второе значение принимается за auto. Пропорции картинки при этом сохраняются. Использование двух значений через пробел задаёт ширину и высоту фоновой картинки.

Во избежание поломок страниц, использующих данный шаблон, желательно экспериментировать в своём личном пространстве.

b