САЙТЫ  ПОД  КЛЮЧ
ОНЛАЙН-СЕРВИСЫ СПРАВОЧНИКИ SEO-ИНСТРУМЕНТЫ РАЗВЛЕЧЕНИЯ

Справочник по CSS

-o-background-size

Internet Explorer Chrome Safari Firefox Android iOS
9.5+ 10.60+

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется Ко всем элементам

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Масштабирует фоновое изображение согласно заданным размерам. -o-background-size нестандартное свойство и поддерживается только браузером Opera начиная с версии 9.5.

Синтаксис

-o-background-size: [ <значение> | <проценты> | auto ]{1,2}

Значения

значение
Задает размер в любых доступных для CSS единицах — пикселы (px), сантиметры (cm), em и др.
проценты
Задает размер фоновой картинки в процентах от размеров элемента.
auto
Если задано одновременно для ширины и высоты (auto auto), размеры фона остаются исходными; если только для одной стороны картинки (100px auto), то размер вычисляется автоматически исходя из пропорций картинки.

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

Пример

HTML5CSS2.1CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>-o-background-size</title>
   <style>
    html {height: 100%;}
    body {
     height: 200px; /* Высота блока */
     background: url(images/mybg.png) 100% 100% no-repeat; /* Добавляем фон */
     -o-background-size: 40%; /* Масштабируем фон */
   }
  </style>
 </head>
 <body>
  <p>...</p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1

Рис. 1. Результат использования -o-background-size

Браузеры

Начиная с версии 10.60 свойство -o-background-size не поддерживается. Взамен используется свойство CSS3 background-size.

Справочник по CSS. Версия 7.0 от 5.11.12

© 2002–2012 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

htmlbook.ru


Дежурная шутка

Разговор по мобильному:
- Вадик, у меня родители до понедельника на дачу уехали! Приезжай!
- А у тебя в квартире Wi-Fi есть?


Наши реквизиты
WMID: 309688839848
WMR: R325885159214
E-mail: 
  BL:Бизнес-уровень [BL]
QR-код сайта
Онлайн-радио
Больше радиостанций