Серверное время 2017-09-21 20:49:31
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Свойства CSS
CSS по категориям
Статистика
Яндекс.Метрика
Реклама
Реклама

Error. Page cannot be displayed. Please contact your service provider for more details. (32)


-webkit-background-size

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Не поддерживается
Частичная поддержка
Частичная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Не поддерживается
Краткая информация
CSS -
Значение по умолчанию auto
Наследуется Нет
Применяется Ко всем элементам
Описание
Масштабирует фоновое изображение согласно заданным размерам.
Синтаксис
-webkit-background-size: [ <значение> | <проценты> | auto ]{1,2} | cover | contain
Аргументы
значение - Задает размер в любых доступных для CSS единицах — пикселы (px), сантиметры (cm), em и др.
проценты - Задает размер фоновой картинки в процентах от ширины или высоты элемента.
auto - Если задано одновременно для ширины и высоты (auto auto), размеры фона остаются исходными; если только для одной стороны картинки (100px auto), то размер вычисляется автоматически исходя из пропорций картинки.
cover - Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain - Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.
Если установлено одно значение, оно задает ширину фона, второе значение принимается за auto. Пропорции картинки при этом сохраняются. Использование двух значений через пробел задает ширину и высоту фоновой картинки.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>-webkit-background-size</title>
<style type="text/css">
div {
height: 200px; /* Высота блока */
border: 2px solid #000; /* Параметры рамки */
background: url(images/book.png) 100% 100% no-repeat; /* Добавляем фон */
-webkit-background-size: cover; /* Масштабируем фон */
}
</style>
</head>
<body>
 <div>...</div>
</body>
</html>
Демонстрация примера
aaa
Примечание
Браузер Safari до версии 4.0 включительно не поддерживает значения cover и contain.
Chrome с версии 4.0 и Safari начиная с версии 5.0 также поддерживают свойство CSS 3 background-size.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz