Последнее обновление: 14.02.2011
Свойство -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 |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
.block {
background-image: url(images/bg.png);
-moz-background-size: 50% 60px;
background-color: #f00;
}
Заметки
Для Firefox 4.0 поддержка этого свойства не планируется, вместо него будет использоваться CSS3 свойство background-size.
По теме
- Вендорные префиксы. Что это?
- Свойство -webkit-background-size
- Свойство background-origin
- Свойство -moz-background-origin
- Свойство -webkit-background-origin
- Свойство background-clip
- Свойство -moz-background-clip
- Свойство -webkit-background-clip
Показать комментарии