Skip to content

Commit

Permalink
update(CSS): web/css/background-image
Browse files Browse the repository at this point in the history
  • Loading branch information
undead404 authored and AdriandeCita committed Sep 22, 2022
1 parent 0e47519 commit e851f2c
Show file tree
Hide file tree
Showing 5 changed files with 6 additions and 5 deletions.
Binary file added files/uk/web/css/background-image/catfront.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 5 additions & 5 deletions files/uk/web/css/background-image/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ browser-compat: css.properties.background-image

{{CSSRef}}

Властивість [CSS](/uk/docs/Web/CSS) **`background-image`** встановлює одне або більше зображень тла елемента.
Властивість [CSS](/uk/docs/Web/CSS) **`background-image`** (зображення тла) встановлює одне або більше зображень тла елемента.

{{EmbedInteractiveExample("pages/css/background-image.html")}}

Expand All @@ -22,7 +22,7 @@ browser-compat: css.properties.background-image

Якщо певне зображення не може бути нанесено (наприклад, коли файл, вказаний через URI, не може бути завантажений), браузери обробляють таку ситуацію так, ніби вказано значення `none`.

> **Зверніть увагу:** Навіть якщо зображення непрозорі, і колір тла не повинен зявитися за звичайних умов, веброзробники мусять завжди вказувати {{cssxref("background-color")}}. Якщо зображення не можуть бути завантажені, – наприклад, коли мережа недоступна, – колір тла буде використаний як запасний варіант.
> **Примітка:** Навіть якщо зображення непрозорі, і колір тла не повинен з'явитися за звичайних умов, веброзробники мусять завжди вказувати {{cssxref("background-color")}}. Якщо зображення не можуть бути завантажені, – наприклад, коли мережа недоступна, – колір тла буде використаний як запасний варіант.
## Синтаксис

Expand All @@ -41,7 +41,7 @@ background-image: linear-gradient(
background-image: inherit;
background-image: initial;
background-image: revert;
backdrop-filter: revert-layer;
background-image: revert-layer;
background-image: unset;
```

Expand Down Expand Up @@ -120,8 +120,8 @@ div {

- [Імплементація спрайтових зображень на CSS](/uk/docs/Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS)
- {{HTMLElement("img")}}
- Типи даних, повязані з зображеннями: {{cssxref("<image>")}}, {{cssxref("<gradient>")}}
- Функції, повязані з зображеннями:
- Типи даних, пов'язані з зображеннями: {{cssxref("<image>")}}, {{cssxref("<gradient>")}}
- Функції, пов'язані з зображеннями:

- {{cssxref("cross-fade", "cross-fade()")}}
- {{cssxref("element", "element()")}}
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions uk_spelling_additions.txt
Original file line number Diff line number Diff line change
Expand Up @@ -120,6 +120,7 @@
сетери
сетерів
співпрограми
спрайтових
субмілісекундною
тега
флексбокс
Expand Down

0 comments on commit e851f2c

Please sign in to comment.