-
Notifications
You must be signed in to change notification settings - Fork 8
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
update(CSS): web/css/css_cascading_variables #2624
Conversation
slug: Web/CSS/CSS_cascading_variables | ||
page-type: css-module | ||
spec-urls: https://drafts.csswg.org/css-variables/ | ||
--- | ||
|
||
{{CSSRef}} | ||
|
||
Модуль **каскадних змінних CSS** додає до всіх властивостей CSS підтримку каскадних змінних, а також дає змогу створювати власні властивості для визначення таких змінних. | ||
Модуль **Кастомних властивостей як каскадних змінних CSS** додає підтримку каскадних змінних у властивостях CSS і дає змогу створювати кастомні властивості для визначення цих змінних, а також механізми для їх використання як значень інших властивостей CSS. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
Модуль Кастомних властивостей як каскадних змінних CSS додає ...
slug: Web/CSS/CSS_cascading_variables | ||
page-type: css-module | ||
spec-urls: https://drafts.csswg.org/css-variables/ | ||
--- | ||
|
||
{{CSSRef}} | ||
|
||
Модуль **каскадних змінних CSS** додає до всіх властивостей CSS підтримку каскадних змінних, а також дає змогу створювати власні властивості для визначення таких змінних. | ||
Модуль **Кастомних властивостей як каскадних змінних CSS** додає підтримку каскадних змінних у властивостях CSS і дає змогу створювати кастомні властивості для визначення цих змінних, а також механізми для їх використання як значень інших властивостей CSS. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...их у властивостях CSS і дає змогу створювати кастомні властивості для визначення цих змінних, а та...
|
||
При роботі з CSS нерідко доводиться багаторазово використовувати одні й ті самі в межах одного проєкту значення, наприклад, ширини, що добре підходять для макету, або набір кольорів колірної схеми. | ||
Один зі способів організації повторень у списках стилів – визначити значення один раз і використовувати його багато разів у інших місцях. | ||
Кастомні властивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повторно, спрощуючи складні або повторювані правила та роблячи їх зрозумілішими та зручнішими для підтримки. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...истовувати його багато разів у інших місцях. Кастомні властивості дають змогу створювати та визнач...
|
||
При роботі з CSS нерідко доводиться багаторазово використовувати одні й ті самі в межах одного проєкту значення, наприклад, ширини, що добре підходять для макету, або набір кольорів колірної схеми. | ||
Один зі способів організації повторень у списках стилів – визначити значення один раз і використовувати його багато разів у інших місцях. | ||
Кастомні властивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повторно, спрощуючи складні або повторювані правила та роблячи їх зрозумілішими та зручнішими для підтримки. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...стивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повт...
Кастомні властивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повторно, спрощуючи складні або повторювані правила та роблячи їх зрозумілішими та зручнішими для підтримки. | ||
Наприклад, `--dark-grey-text` і `--dark-background` легше зрозуміти, ніж шістнадцяткові кольори, такі як `#323831`, а також контекст того, як ви їх використовуєте, стає більш очевидним. | ||
|
||
## Кастомні властивості в дії |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...ви їх використовуєте, стає більш очевидним. Кастомні властивості в дії Щоб побачити, як можна ви...
|
||
## Кастомні властивості в дії | ||
|
||
Щоб побачити, як можна використовувати кастомні властивості, пересуньте повзуна зліва направо. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
... дії Щоб побачити, як можна використовувати кастомні властивості, пересуньте повзуна зліва направ...
|
||
У цих колірних зразках значення {{cssxref("background-color")}} задано за допомогою функції {{cssxref("color_value/hsl", "hsl()")}} {{cssxref("<color>")}} як `hsl(var(--hue) 50% 50%)`. | ||
Кожний колірний зразок збільшує значення {{cssxref("hue", "барви")}} на 10 градусів, наприклад, `calc(var(--hue) + 10)`, `calc(var(--hue) + 20)` і так далі. | ||
При зміні значення повзуна від 0 до 360 значення [кастомної властивості](/uk/docs/Web/CSS/--*) `--hue` оновлюється за допомогою {{cssxref("calc")}}, а також оновлюється колір фону кожної рамки в межах сітки. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...зміні значення повзуна від 0 до 360 значення кастомної властивості --hue оновлюється за допомогою “...
|
||
У цих колірних зразках значення {{cssxref("background-color")}} задано за допомогою функції {{cssxref("color_value/hsl", "hsl()")}} {{cssxref("<color>")}} як `hsl(var(--hue) 50% 50%)`. | ||
Кожний колірний зразок збільшує значення {{cssxref("hue", "барви")}} на 10 градусів, наприклад, `calc(var(--hue) + 10)`, `calc(var(--hue) + 20)` і так далі. | ||
При зміні значення повзуна від 0 до 360 значення [кастомної властивості](/uk/docs/Web/CSS/--*) `--hue` оновлюється за допомогою {{cssxref("calc")}}, а також оновлюється колір фону кожної рамки в межах сітки. | ||
|
||
## Довідка | ||
|
||
### Властивості | ||
|
||
- {{cssxref("--*")}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Коротка риска
Риска всередині слова. Всередині слова вживайте дефіс, між словами виокремлюйте риску пробілами.
TYPOGRAPHY/DASH: Коротка риска замість дефісу
... сітки. Довідка Властивості - {{cssxref("–*")}} Функції - “var” Посібники - Вик...
Варіанти заміни
- " — *
|
||
## Посібники | ||
|
||
- [Використання кастомних властивостей (змінних) CSS](/uk/docs/Web/CSS/Using_CSS_custom_properties) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...кції - “var” Посібники - Використання кастомних властивостей (змінних) CSS - : Поясню...
|
||
- [Використання кастомних властивостей (змінних) CSS](/uk/docs/Web/CSS/Using_CSS_custom_properties) | ||
|
||
- : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а також містить поради щодо обробки невизначених і неприпустимих значень, запасних варіантів та успадкування. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...) CSS - : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а та...
|
||
- : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а також містить поради щодо обробки невизначених і неприпустимих значень, запасних варіантів та успадкування. | ||
|
||
- [Недійсні кастомні властивості](/uk/docs/Web/CSS/CSS_syntax/Error_handling#nediisni-kastomni-vlastyvosti) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...них варіантів та успадкування. - Недійсні кастомні властивості - : Пояснює те, як браузе...
- : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а також містить поради щодо обробки невизначених і неприпустимих значень, запасних варіантів та успадкування. | ||
|
||
- [Недійсні кастомні властивості](/uk/docs/Web/CSS/CSS_syntax/Error_handling#nediisni-kastomni-vlastyvosti) | ||
- : Пояснює те, як браузери обробляють значення властивостей, коли значення кастомної властивості належить до неприпустимого для цієї властивості типу. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...значення властивостей, коли значення кастомної властивості належить до неприпустимого для ...
slug: Web/CSS/CSS_cascading_variables | ||
page-type: css-module | ||
spec-urls: https://drafts.csswg.org/css-variables/ | ||
--- | ||
|
||
{{CSSRef}} | ||
|
||
Модуль **каскадних змінних CSS** додає до всіх властивостей CSS підтримку каскадних змінних, а також дає змогу створювати власні властивості для визначення таких змінних. | ||
Модуль **Кастомних властивостей як каскадних змінних CSS** додає підтримку каскадних змінних у властивостях CSS і дає змогу створювати кастомні властивості для визначення цих змінних, а також механізми для їх використання як значень інших властивостей CSS. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
Модуль Кастомних властивостей як каскадних змінних CSS додає ...
slug: Web/CSS/CSS_cascading_variables | ||
page-type: css-module | ||
spec-urls: https://drafts.csswg.org/css-variables/ | ||
--- | ||
|
||
{{CSSRef}} | ||
|
||
Модуль **каскадних змінних CSS** додає до всіх властивостей CSS підтримку каскадних змінних, а також дає змогу створювати власні властивості для визначення таких змінних. | ||
Модуль **Кастомних властивостей як каскадних змінних CSS** додає підтримку каскадних змінних у властивостях CSS і дає змогу створювати кастомні властивості для визначення цих змінних, а також механізми для їх використання як значень інших властивостей CSS. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...их у властивостях CSS і дає змогу створювати кастомні властивості для визначення цих змінних, а та...
|
||
При роботі з CSS нерідко доводиться багаторазово використовувати одні й ті самі в межах одного проєкту значення, наприклад, ширини, що добре підходять для макета, або набір кольорів колірної схеми. | ||
Один зі способів організації повторень у списках стилів – визначити значення один раз і використовувати його багато разів у інших місцях. | ||
Кастомні властивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повторно, спрощуючи складні або повторювані правила та роблячи їх зрозумілішими та зручнішими для підтримки. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...истовувати його багато разів у інших місцях. Кастомні властивості дають змогу створювати та визнач...
|
||
При роботі з CSS нерідко доводиться багаторазово використовувати одні й ті самі в межах одного проєкту значення, наприклад, ширини, що добре підходять для макета, або набір кольорів колірної схеми. | ||
Один зі способів організації повторень у списках стилів – визначити значення один раз і використовувати його багато разів у інших місцях. | ||
Кастомні властивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повторно, спрощуючи складні або повторювані правила та роблячи їх зрозумілішими та зручнішими для підтримки. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...стивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повт...
Кастомні властивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повторно, спрощуючи складні або повторювані правила та роблячи їх зрозумілішими та зручнішими для підтримки. | ||
Наприклад, `--dark-grey-text` і `--dark-background` легше зрозуміти, ніж шістнадцяткові кольори, такі як `#323831`, а також контекст того, як ви їх використовуєте, стає більш очевидним. | ||
|
||
## Кастомні властивості в дії |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...ви їх використовуєте, стає більш очевидним. Кастомні властивості в дії Щоб побачити, як можна ви...
|
||
## Кастомні властивості в дії | ||
|
||
Щоб побачити, як можна використовувати кастомні властивості, пересуньте повзуна зліва направо. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
... дії Щоб побачити, як можна використовувати кастомні властивості, пересуньте повзуна зліва направ...
|
||
У цих колірних зразках значення {{cssxref("background-color")}} задано за допомогою функції {{cssxref("color_value/hsl", "hsl()")}} {{cssxref("<color>")}} як `hsl(var(--hue) 50% 50%)`. | ||
Кожний колірний зразок збільшує значення {{cssxref("hue", "барви")}} на 10 градусів, наприклад, `calc(var(--hue) + 10)`, `calc(var(--hue) + 20)` і так далі. | ||
При зміні значення повзуна від 0 до 360 значення [кастомної властивості](/uk/docs/Web/CSS/--*) `--hue` оновлюється за допомогою {{cssxref("calc")}}, а також оновлюється колір фону кожної рамки в межах сітки. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...зміні значення повзуна від 0 до 360 значення кастомної властивості --hue оновлюється за допомогою “...
|
||
У цих колірних зразках значення {{cssxref("background-color")}} задано за допомогою функції {{cssxref("color_value/hsl", "hsl()")}} {{cssxref("<color>")}} як `hsl(var(--hue) 50% 50%)`. | ||
Кожний колірний зразок збільшує значення {{cssxref("hue", "барви")}} на 10 градусів, наприклад, `calc(var(--hue) + 10)`, `calc(var(--hue) + 20)` і так далі. | ||
При зміні значення повзуна від 0 до 360 значення [кастомної властивості](/uk/docs/Web/CSS/--*) `--hue` оновлюється за допомогою {{cssxref("calc")}}, а також оновлюється колір фону кожної рамки в межах сітки. | ||
|
||
## Довідка | ||
|
||
### Властивості | ||
|
||
- {{cssxref("--*")}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Коротка риска
Риска всередині слова. Всередині слова вживайте дефіс, між словами виокремлюйте риску пробілами.
TYPOGRAPHY/DASH: Коротка риска замість дефісу
... сітки. Довідка Властивості - {{cssxref("–*")}} Функції - “var” Посібники - Вик...
Варіанти заміни
- " — *
|
||
## Посібники | ||
|
||
- [Використання кастомних властивостей (змінних) CSS](/uk/docs/Web/CSS/Using_CSS_custom_properties) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...кції - “var” Посібники - Використання кастомних властивостей (змінних) CSS - : Поясню...
|
||
- [Використання кастомних властивостей (змінних) CSS](/uk/docs/Web/CSS/Using_CSS_custom_properties) | ||
|
||
- : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а також містить поради щодо обробки невизначених і неприпустимих значень, запасних варіантів та успадкування. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...) CSS - : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а та...
|
||
- : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а також містить поради щодо обробки невизначених і неприпустимих значень, запасних варіантів та успадкування. | ||
|
||
- [Недійсні кастомні властивості](/uk/docs/Web/CSS/CSS_syntax/Error_handling#nediisni-kastomni-vlastyvosti) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...них варіантів та успадкування. - Недійсні кастомні властивості - : Пояснює те, як браузе...
- : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а також містить поради щодо обробки невизначених і неприпустимих значень, запасних варіантів та успадкування. | ||
|
||
- [Недійсні кастомні властивості](/uk/docs/Web/CSS/CSS_syntax/Error_handling#nediisni-kastomni-vlastyvosti) | ||
- : Пояснює те, як браузери обробляють значення властивостей, коли значення кастомної властивості належить до неприпустимого для цієї властивості типу. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...значення властивостей, коли значення кастомної властивості належить до неприпустимого для ...
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
декілька зауважень
Co-authored-by: Mykola Myslovskyi <[email protected]>
slug: Web/CSS/CSS_cascading_variables | ||
page-type: css-module | ||
spec-urls: https://drafts.csswg.org/css-variables/ | ||
--- | ||
|
||
{{CSSRef}} | ||
|
||
Модуль **каскадних змінних CSS** додає до всіх властивостей CSS підтримку каскадних змінних, а також дає змогу створювати власні властивості для визначення таких змінних. | ||
Модуль **Кастомних властивостей як каскадних змінних CSS** додає підтримку каскадних змінних у властивостях CSS і дає змогу створювати кастомні властивості для визначення цих змінних, а також механізми для їх використання як значень інших властивостей CSS. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
Модуль Кастомних властивостей як каскадних змінних CSS додає ...
slug: Web/CSS/CSS_cascading_variables | ||
page-type: css-module | ||
spec-urls: https://drafts.csswg.org/css-variables/ | ||
--- | ||
|
||
{{CSSRef}} | ||
|
||
Модуль **каскадних змінних CSS** додає до всіх властивостей CSS підтримку каскадних змінних, а також дає змогу створювати власні властивості для визначення таких змінних. | ||
Модуль **Кастомних властивостей як каскадних змінних CSS** додає підтримку каскадних змінних у властивостях CSS і дає змогу створювати кастомні властивості для визначення цих змінних, а також механізми для їх використання як значень інших властивостей CSS. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...их у властивостях CSS і дає змогу створювати кастомні властивості для визначення цих змінних, а та...
|
||
При роботі з CSS нерідко доводиться багаторазово використовувати в межах одного проєкту одні й ті самі значення, наприклад, ширини, що добре підходять для макета, або набір кольорів колірної схеми. | ||
Один зі способів організації повторень у списках стилів – визначити значення один раз і використовувати його багато разів у інших місцях. | ||
Кастомні властивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повторно, спрощуючи складні або повторювані правила та роблячи їх зрозумілішими та зручнішими для підтримки. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...истовувати його багато разів у інших місцях. Кастомні властивості дають змогу створювати та визнач...
|
||
При роботі з CSS нерідко доводиться багаторазово використовувати в межах одного проєкту одні й ті самі значення, наприклад, ширини, що добре підходять для макета, або набір кольорів колірної схеми. | ||
Один зі способів організації повторень у списках стилів – визначити значення один раз і використовувати його багато разів у інших місцях. | ||
Кастомні властивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повторно, спрощуючи складні або повторювані правила та роблячи їх зрозумілішими та зручнішими для підтримки. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...стивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повт...
Кастомні властивості дають змогу створювати та визначати кастомні властивості, що можуть бути використані повторно, спрощуючи складні або повторювані правила та роблячи їх зрозумілішими та зручнішими для підтримки. | ||
Наприклад, `--dark-grey-text` і `--dark-background` легше зрозуміти, ніж шістнадцяткові кольори, такі як `#323831`, а також контекст того, як ви їх використовуєте, стає більш очевидним. | ||
|
||
## Кастомні властивості в дії |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...ви їх використовуєте, стає більш очевидним. Кастомні властивості в дії Щоб побачити, як можна ви...
|
||
## Кастомні властивості в дії | ||
|
||
Щоб побачити, як можна використовувати кастомні властивості, пересуньте повзуна зліва направо. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
... дії Щоб побачити, як можна використовувати кастомні властивості, пересуньте повзуна зліва направ...
|
||
У цих колірних зразках значення {{cssxref("background-color")}} задано за допомогою функції {{cssxref("<color>", "кольору")}} {{cssxref("color_value/hsl", "hsl()")}} як `hsl(var(--hue) 50% 50%)`. | ||
Кожний колірний зразок збільшує значення {{cssxref("hue", "барви")}} на 10 градусів, наприклад, `calc(var(--hue) + 10)`, `calc(var(--hue) + 20)` і так далі. | ||
При зміні значення повзуна від 0 до 360 значення [кастомної властивості](/uk/docs/Web/CSS/--*) `--hue` оновлюється за допомогою {{cssxref("calc")}}, а також оновлюється колір фону кожної рамки в межах сітки. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...зміні значення повзуна від 0 до 360 значення кастомної властивості --hue оновлюється за допомогою “...
|
||
У цих колірних зразках значення {{cssxref("background-color")}} задано за допомогою функції {{cssxref("<color>", "кольору")}} {{cssxref("color_value/hsl", "hsl()")}} як `hsl(var(--hue) 50% 50%)`. | ||
Кожний колірний зразок збільшує значення {{cssxref("hue", "барви")}} на 10 градусів, наприклад, `calc(var(--hue) + 10)`, `calc(var(--hue) + 20)` і так далі. | ||
При зміні значення повзуна від 0 до 360 значення [кастомної властивості](/uk/docs/Web/CSS/--*) `--hue` оновлюється за допомогою {{cssxref("calc")}}, а також оновлюється колір фону кожної рамки в межах сітки. | ||
|
||
## Довідка | ||
|
||
### Властивості | ||
|
||
- {{cssxref("--*")}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Коротка риска
Риска всередині слова. Всередині слова вживайте дефіс, між словами виокремлюйте риску пробілами.
TYPOGRAPHY/DASH: Коротка риска замість дефісу
... сітки. Довідка Властивості - {{cssxref("–*")}} Функції - “var” Посібники - Вик...
Варіанти заміни
- " — *
|
||
## Посібники | ||
|
||
- [Використання кастомних властивостей (змінних) CSS](/uk/docs/Web/CSS/Using_CSS_custom_properties) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...кції - “var” Посібники - Використання кастомних властивостей (змінних) CSS - : Поясню...
|
||
- [Використання кастомних властивостей (змінних) CSS](/uk/docs/Web/CSS/Using_CSS_custom_properties) | ||
|
||
- : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а також містить поради щодо обробки невизначених і неприпустимих значень, запасних варіантів та успадкування. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...) CSS - : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а та...
|
||
- : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а також містить поради щодо обробки невизначених і неприпустимих значень, запасних варіантів та успадкування. | ||
|
||
- [Недійсні кастомні властивості](/uk/docs/Web/CSS/CSS_syntax/Error_handling#nediisni-kastomni-vlastyvosti) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...них варіантів та успадкування. - Недійсні кастомні властивості - : Пояснює те, як браузе...
- : Пояснює, як використовувати кастомні властивості в CSS і JavaScript, а також містить поради щодо обробки невизначених і неприпустимих значень, запасних варіантів та успадкування. | ||
|
||
- [Недійсні кастомні властивості](/uk/docs/Web/CSS/CSS_syntax/Error_handling#nediisni-kastomni-vlastyvosti) | ||
- : Пояснює те, як браузери обробляють значення властивостей, коли значення кастомної властивості належить до неприпустимого для цієї властивості типу. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Жаргонні слова
Це слово є жаргонним
STYLE/slang_words: Жаргонні слова
...значення властивостей, коли значення кастомної властивості належить до неприпустимого для ...
Оригінальний вміст: Каскадні змінні CSS@MDN, сирці Каскадні змінні CSS@GitHub
Нові зміни: