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

Последнее обновление: 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.

CSS

  
.block {

background-image: url(images/bg.png);

-moz-background-size: 50% 60px;

background-color: #f00;
}

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

По теме

Показать комментарии