Skip to content

Commit

Permalink
update(CSS): web/css/using_css_custom_properties (#1637)
Browse files Browse the repository at this point in the history
  • Loading branch information
undead404 committed May 19, 2023
1 parent 7a08d8e commit 0e0650f
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions files/uk/web/css/using_css_custom_properties/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@ page-type: guide

Користувацькі властивості підлягають каскадності та успадковують значення від предка.

> **Примітка:** Змінні не працюють всередині медіазапитів та контейнерних запитів. Функцію {{cssxref("var", "var()")}} можна використовувати замість будь-якої частини значення будь-якої властивості елемента. Функцію {{cssxref("var", "var()")}} не можна використовувати замість імен властивостей, селекторів і будь-чого іншого, крім значень властивостей. Таким чином, її не можна використовувати в медіазапитах і контейнерних запитах.
## Елементарне використання

Оголошення користувацької властивості виконується за допомогою імені користувацької властивості, що починається із двох дефісів (`--`), та значення властивості, що може бути будь-яким чинним значенням CSS. Як будь-які інші властивості, користувацькі властивості записують всередині набору правил, ось так:
Expand Down Expand Up @@ -188,7 +190,7 @@ element {

## Запасні значення користувацьких властивостей

За допомогою функції [`var()`](/uk/docs/Web/CSS/var) можна вказати кілька **запасних значень** для випадків, коли вказана змінна іще не визначена; це може бути корисно при роботі із [користувацькими елементами](/uk/docs/Web/Web_Components/Using_custom_elements) та [Тіньовим DOM](/uk/docs/Web/Web_Components/Using_shadow_DOM).
За допомогою функції [`var()`](/uk/docs/Web/CSS/var) можна вказати кілька **запасних значень** для випадків, коли вказана змінна іще не визначена; це може бути корисно при роботі із [користувацькими елементами](/uk/docs/Web/API/Web_components/Using_custom_elements) та [Тіньовим DOM](/uk/docs/Web/API/Web_components/Using_shadow_DOM).

> **Примітка:** Запасні значення не використовуються для виправлення сумісності із браузерами. Якщо браузер не підтримує користувацькі властивості CSS, то запасне значення не допоможе. Це лише запасний варіант для браузера, що підтримує користувацькі властивості CSS, для випадків, коли вказана змінна не визначена або має недійсне значення.
Expand Down Expand Up @@ -225,7 +227,7 @@ element {

На жаль, такі дійсні значення можуть бути використані, за допомогою синтаксису функції `var()`, у контексті, де вони не матимуть змісту. Властивості та користувацькі змінні можуть породити недійсні викази CSS, що веде до нової концепції _дійсності при обчисленні._

Коли браузер зустрічає недійсне підставлення `var()`, то значенням властивості стає її [початкове](/uk/docs/Web/CSS/initial_value) чи [успадковане](/uk/docs/Web/CSS/inheritance) значення.
Коли браузер зустрічає недійсне підставлення `var()`, то значенням властивості стає її [початкове](/uk/docs/Web/CSS/initial_value) чи [успадковане](/uk/docs/Web/CSS/Inheritance) значення.

Наступні два приклади ілюструють це.

Expand Down

0 comments on commit 0e0650f

Please sign in to comment.