-moz-background-size

Свойство -moz-background-size — сокращенный способ задать свойства границы border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, border-top-left-radius, позволяет задать одновременно радиус скруглений всех углов элемента.

Допустимые значения

  • <величина> — ширина и высота фонового изображения в прямом виде
  • <процент> — ширина и высота фонового изображения в процентном отношении от ширины и высоты элемента.
  • contain — изображение масштабируется, сохраняя при этом пропорции, по большей стороне так, чтобы и ширина и высота поместились внутри области фонового изображения.
  • cover — изображение масштабируется, сохраняя при этом пропорции, по меньшей стороне так, чтобы и ширина и высота полностью покрыли область фонового изображения.
  • auto — изображение имеет свой собственный размер (масштаб 100%), а если нет то масштабируется, как будто задано значение contain.
Значение по умолчанию auto
Применимо ко всем элементам
Наследование нет
Поддерживается браузерами
  • Firefox 3.6

Пример

CSS
.block {
background-image: url(images/bg.png);
-moz-background-size: 50% 60px;
background-color: #f00;
}

Заметки

Для Firefox 4.0 поддержка этого свойства не планируется, вместо него будет использоваться CSS3 свойство background-size.

По теме