CSS3 Свойство background-size
Полный CSS Справочник
Пример
Указать размер фонового изображения:
div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
} |
Попробуйте сами » Еще примеры внизу этой страницы. |
Поддержка Браузерами
Свойство background-size поддерживается в IE9+, Firefox 4+, Opera, Chrome
и Safari 5+.
Определение и ИспользованиеСвойство background-size указывает размер фоновых изображений.
Значение по умолчанию: |
auto |
Наследуется: |
нет |
Версия: |
CSS3 |
JavaScript синтаксис: |
объект.style.backgroundSize="60px 80px" |
Синтаксис
background-size: размеры|процентное соотношение|cover|contain; |
Значение |
Описание |
размер |
Устанавливает высоту и ширину фонового изображения. Первое значение устанавливает
ширину, второе - высоту. Если задано только одно значение,
второе принимается равным "auto" |
процентное соотношение |
Устанавливает высоту и ширину фонового изображения в процентах от родительского элемента.
Первое значение указывает ширину, второе -
высоту. Если указано только одно значение, второе устанавливается в "auto" |
cover |
Масштабирует изображение к наименьшему размеру так, что как его ширина, так и его высота
вмещаются внутри области содержания |
contain |
Масштабирует изображение к наибольшему размеру так, что как его ширина, так и его высота
вмещаются внутри области содержания |
 |
Попробуйте сами - Примеры |
Растянуть
фоновое изображение
Растягивание фонового изображения так, чтобы оно полностью заняло область содержания.
Растянуть
фоновое изображение на четыре копии горизонтально
Растягивание фонового изображения так, чтобы в точности четыре его копии заняли всю область содержания по горизонтали.
Смотрите ТакжеCSS3 уроки: CSS3 Фоновые Свойства
Полный CSS Справочник
|