Размер на фона - CSS-трикове

В background-sizeимота в CSS е един от най-полезните - и най-сложните - на фона на свойствата на. Има много вариации и различни синтаксиси, които можете да използвате за това свойство, като всички те имат различни случаи на употреба. Ето един основен пример:

html ( background: url(greatimage.jpg.webp); background-size: 300px 100px; )

Това е пример за синтаксиса с две стойности за размера на фона. Има четири различни синтаксиса, които можете да използвате с това свойство: синтаксис на ключовата дума, синтаксис с една стойност, синтаксис с две стойности и синтаксис на множество фонове.

Ключови думи

В допълнение към стойността по подразбиране ( auto) има две ключови думи, с които можете да използвате background-size: coverиcontain

Вижте размера на фона на писалката от CSS-Tricks (@ css-tricks) на CodePen.

Свързани

• фон-прикачен файл
• фонов клип
• Цвят на фона
• фоново изображение
• фон-произход
• фон-позиция
• фон-повторение

Още ресурси

• CSS3 Spec
• MDN

Поддръжка на браузър

Chrome	Сафари	Firefox	Опера	IE	Android	iOS
3+	4.1+	3.6+	10+	9+	2.3+	4.0+