Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Свойства : -moz-background-size

Материал из Справочник Web-языков

• Главная
• CSS
• Тематический указатель
• Справочник по свойствам и атрибутам
• Цвет и фон
• -moz-background-size

Работа для спецов по SugarCRM

Если: Вы грамотный PHP-программист; хорошо знакомы с SugarCRM или просто сталкивались с этой CRM-системой; подрабатываете помимо основной работы или вы фрилансер, и хотите иметь стабильные высокооплачиваемые заказы; готовы работать удаленно; то мы предлагаем Вам сотрудничество. Наша компания (ООО "Лемарс") занимается внедрением CRM-систем на базе SugarCRM. Мы команда программистов, которые были студентами, фрилансерами, наемными работниками. И вот теперь выросли в компанию. Мы отлично знаем SugarCRM, потому поможем ее освоить. Мы отлично знаем работу программиста, потому в наших с Вами отношениях постараемся уйти от типовых ошибок и выстроить действительно длительные и взаимовыгодные отношения. Если предложение интересно, то пишите о себе в произвольной форме, или звоните (спросить Евгения): [email protected] +7 (495) 646-06-27 8 (800) 555-06-28 (звонок бесплатный) +7 (910) 9082123 (сотовый, МТС) evgenjekson 195938768

Разработка и внедрение CRM-систем

Разработка и внедрение CRM-систем "под ключ" на базе SugarCRM. Любые задачи для любого вида бизнеса. Установка бесплатной CRM-системы бесплатно. Интеграция с существующей инфраструктурой, бухгалтерской программой, телефонией. Доработка существующих проектов. Обучение персонала. подробнее ... +7 (495) 646-06-27 8 (800) 555-06-28 (звонок бесплатный) +7 (910) 9082123 (сотовый, МТС) evgenjekson (бесплатная переадресация на сотовый) 195938768 [email protected]

Содержание 1 Свойство -moz-background-size 2 Синтаксис 3 Используемые значения 4 Замечания 5 Примеры 6 Стандарты 7 Поддерживаемые браузеры 8 Смотрите также 9 Ссылки на источники

Свойство -moz-background-size

Задает размер фонового изображения.

Синтаксис

-moz-background-size: <bg-size> [, <bg-size>]*

Используемые значения

<bg-size>

Может принимать одно из следующих значений:

percentage Размер фонового изображения задается в процентах от области, определенной для фонового изображения с помощью свойства -moz-background-origin. auto Автоматический выбор пропорций изображения. Размер изображения задается с помощью двух параметров: первое значение отвечает за горизонтальный размер, второе - за вертикальный. Если задано значение только для одного из параметров (для ширины или высоты), то второе высчитывается автоматически. contain Задает, что фоновое изображение должно быть максимально большим, но так, чтобы размеры изображения гарантированно были меньше или равны заданным значениям для области позиционирования фонового изображения. cover Задает, что фоновое изображение должно быть наименьшим, но так, чтобы размеры изображения гарантированно были больше или равны заданным значениям для области позиционирования фонового изображения.

Значением по умолчанию является auto. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Замечания

Свойство -moz-background-size является новым и требует для работы Gecko 1.9.2 (Firefox 3.6). Но чтобы растянуть фоновое изображение над всей областью, определенной для фона, можно воспользоваться свойством -moz-border-image, которое работает и в Firefox 3.5.

.foo {
        background-image: url(bg-image.png);
       -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
         -o-background-size: 100% 100%;           /* Opera 9.5 */
    -webkit-background-size: 100% 100%;           /* Safari 3.0 */
     -khtml-background-size: 100% 100%;           /* Konqueror 3.5.4 */
 
       -moz-border-image: url(bg-image.png) 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}

Примеры

На страницах демонстрация работы свойства background-size: cover и демонстрация работы свойства background-size: contain вы можете увидеть как работает свойство -moz-background-size при значениях cover и content.

На странице демонстрация работы свойства background-size вы можете увидеть как свойство -moz-background-size работает в сочетании с остальными свойствами для фона.

Для просмотра примеров используйте браузер Gecko 1.9.2 (Firefox 3.6).

Стандарты

Это свойство определено в CSS 3 Backgrounds and borders #background-size

Поддерживаемые браузеры

Firefox (Gecko) начиная с версии 3.6 (1.9.2) - для -moz-background-size.

Opera начиная с версии 9.5 - для -o-background-size.

Safari (WebKit) начиная с версии 3.0 (522) - для -webkit-background-size.

Konqueror 3.5.4 поддерживает -khtml-background-size..

Смотрите также

-moz-background-origin, -moz-background-clip, background, background-attachment, background-color, background-image, background-position, background-repeat

Ссылки на источники

https://developer.mozilla.org/en/CSS/-moz-background-size