1. Home
  2. CSS3 свойство фона размера

Лучшее руководство по CSS3 свойство фона размера в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определения тегов и инструкции,грамматика,Онлайн примеры,Статьи по Теме,

CSS3 свойство фона размера

примеров

Укажите размер фонового изображения:

div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

Попробуйте »
В нижней части этой страницы для большего количества примеров.

Поддержка браузеров

Цифры в таблице представляют первый браузер для поддержки номер версии имущества.

Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.

属性
background-size  4.0
1.0 -webkit-		 9.0 4.0
3.6 -moz-		 4.1
3.0 -webkit-		 10.5
10.0 -o-

Определения тегов и инструкции

фон-размер свойство определяет размер фонового изображения.

По умолчанию: автоматический
Наследование: нет
Версия: CSS3
Синтаксис JavaScript: объект object.style.backgroundSize = "60px 80px"

грамматика

background-size:length|percentage|cover|contain;

值 描述
length 设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"atuo(自动)"
percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)"
cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

примеров

Онлайн примеры

Растянуть фоновое изображение
Растянуть фоновое изображение полностью покрывает область содержимого.

Четыре поперечного растяжения фоновое изображение изображение
4 поперечное растяжение фоновые изображения.

Статьи по Теме

CSS3 учебник: CSS3 фон

Горячие учебники

Contact US

CSS3 свойство фона размера
10/30