В CSS3, каковы все свойства background-size?

Question

Вот что я знаю:

• %, как в background-size: 100%;
• px, как в background-size: 1000px 2000px;

Что еще там?

Answer 1

Вы можете прочитать спецификации здесь: http://www.w3.org/TR/css3-background/#the-background-size

<bg-size> = [ <length> | <percentage> | auto ]{1,2} | cover | contain

Значения имеют следующие значения:

«содержать»
масштабировать изображение, сохраняя еговнутреннее соотношение сторон (если оно есть) к наибольшему размеру, чтобы его ширина и высота могли помещаться в области расположения фона.

'cover'
Масштабируйте изображение, сохраняя его внутреннее соотношение сторон (если оно есть), до наименьшего размера, чтобы его ширина и высота могли полностью покрывать область позиционирования фона.

[ <length> | <percentage> | auto ]{1,2}
Первое значение дает ширину соответствующего изображения, второе - его высоту.Если задано только одно значение, второе считается «автоматическим».

Процентное отношение по отношению к области расположения фона.

Значение «авто» для одного измерения определяется с помощьювнутреннее отношение изображения и размер другого измерения, или, если оно не установлено, с использованием собственного размера изображения, или если оно не выполнено, обрабатывается его как 100%.

Если оба значения имеют значение «auto», то внутренняя ширина и/ или высота изображения должна быть использована, если таковая имеется.Если изображение не имеет ни собственной ширины, ни внутренней высоты, его размер определяется так же, как и для «содержимого».

Отрицательные значения недопустимы.

В противном случае попробуйте: https://developer.mozilla.org/en/CSS/background-size

Answer 2

http://www.w3schools.com/css3/css3_pr_background-size.asp Посмотрите на синтаксис -> длина | процент | обложка | содержат