Що таке скорочена коса риска для фону в CSS?
Примітка. Якщо одна з властивостей у скороченій декларації є властивістю bg-size, ви повинні використовувати / (коса риска) щоб відокремити його від властивості bg-position, напр. background:url(smiley.gif) 10px 20px/50px 50px; призведе до фонового зображення, розташованого на 10 пікселів зліва, 20 пікселів зверху та розміром …
Коротка властивість CSS фону встановлює всі властивості стилю фону одночасно, такі як колір, зображення, джерело та розмір або метод повторення. Властивості компонентів, не встановлені в декларації значення скороченої властивості фону, встановлюються на значення за замовчуванням.
Властивість CSS background-size дозволяє змінювати розмір фонового зображення елемента, замінюючи поведінку за замовчуванням розміщувати зображення в його повному розмірі шляхом визначення ширини та/або висоти зображення. Роблячи це, ви можете масштабувати зображення вгору або вниз за бажанням.
The властивість mix-blend-mode у CSS дозволяє змішувати вміст елемента з його фоном, створюючи різні візуальні ефекти. Хоча в основному використовується для змішування кольорів і створення унікальних візуальних композицій, режим mix-blend-mode також ефективно видаляє фонові кольори із зображень.
Фонове зображення CSS
- Встановіть фонове зображення для сторінки: body { background-image: url("paper.gif"); } …
- У цьому прикладі показано невдале поєднання тексту та фонового зображення. Текст важко прочитати: body { background-image: url("bgdesert.jpg"); …
- p { background-image: url("paper.gif"); } Спробуйте самі »
Властивість background-size вказується одним із таких способів:
- Використання значень ключового слова contain або cover .
- Використовуючи лише значення ширини, у цьому випадку висота за умовчанням має значення auto .
- Використовуючи значення ширини та висоти, у цьому випадку перше встановлює ширину, а друге – висоту.