Застосування Фонових Зображень
Свайпніть щоб показати меню
Властивість background-image дозволяє додати зображення як фон для HTML-елемента. Базовий синтаксис дуже простий:
background-image: url("image-url.jpg");
Як значення для властивості background-image використовується url(), і в дужках вказується адреса зображення.
index.html
index.css
background-repeat
Визначає, чи буде зображення повторюватися по горизонталі, вертикалі, в обох напрямках або не повторюватися зовсім.
background-repeat: repeat | repeat-x | repeat-y | no-repeat;
index.html
index.css
background-position
background-position використовується для встановлення початкової позиції фонового зображення в області фону елемента. Ця властивість дозволяє вказати, де саме має розміщуватися фонове зображення та як воно повинно позиціонуватися відносно елемента. Необхідно задати позицію по осях x та y
background-position: x y
index.html
index.css
background-size
Визначає масштабування фонового зображення:
background-size: auto | cover | contain | value in px/em/rem;
auto: оригінальний розмір зображення;cover: заповнює весь елемент, можливе обрізання;contain: вміщує все зображення, можливі порожні області;value: власний розмір (наприклад,100px50px,50%).
index.html
index.css
1. Що робить властивість background-image?
2. Що робить властивість background-repeat?
3. Яка властивість визначає позицію фонового зображення елемента?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
