Skip to content

update(CSS): web/css/using_css_custom_properties #3724

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.

Sign up for GitHub

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

Jump to bottom
Merged
merged 1 commit into from
Dec 24, 2024
Merged

update(CSS): web/css/using_css_custom_properties #3724

merged 1 commit into from
Dec 24, 2024

Conversation

undead404
Copy link
Contributor

@undead404 undead404 commented Dec 24, 2024 •
edited by github-actions bot
Loading

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

Кастомні властивості (іноді звані змінними CSS чи кас...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...тиви {{cssxref(“@Property”)}} або синтаксису кастомних властивостей (наприклад, --primary-color: bl...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...шуку та заміни в усіх правилах і файлах CSS. Кастомні властивості дають змогу визначити значення в...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...о він використовується в різних контекстах. Кастомні властивості, визначені за допомогою двох деф...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...xref(“@Property”)}} дає змогу краще керувати кастомною властивістю та дозволяє вказати, чи успадков...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...азапитах і контейнерних запитах. Оголошення кастомних властивостей У CSS оголосити кастомну власт...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...ення кастомних властивостей У CSS оголосити кастомну властивість можна за допомогою префікса в ви...

github-actions[bot]
github-actions bot reviewed Dec 24, 2024
View reviewed changes
files/uk/web/css/using_css_custom_properties/index.md
@@ -24,7 +24,7 @@ page-type: guide

### Використання префікса з двох дефісів (`--`)

Кастомна властивість з префіксом двох дефісів починається з `--`, після чого стоїть назва властивості (наприклад, `--my-property`), а потім значення властивості, яке може бути будь-яким [дійсним значенням CSS](/uk/docs/Learn/CSS/Building_blocks/Values_and_units).
Кастомна властивість з префіксом двох дефісів починається з `--`, після чого стоїть назва властивості (наприклад, `--my-property`), а потім значення властивості, яке може бути будь-яким [дійсним значенням CSS](/uk/docs/Learn_web_development/Core/Styling_basics/Values_and_units).
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

... Використання префікса з двох дефісів (--) Кастомна властивість з префіксом двох дефісів починає...

github-actions[bot]
github-actions bot reviewed Dec 24, 2024
View reviewed changes
files/uk/web/css/using_css_custom_properties/index.md
@@ -24,7 +24,7 @@ page-type: guide

### Використання префікса з двох дефісів (`--`)

Кастомна властивість з префіксом двох дефісів починається з `--`, після чого стоїть назва властивості (наприклад, `--my-property`), а потім значення властивості, яке може бути будь-яким [дійсним значенням CSS](/uk/docs/Learn/CSS/Building_blocks/Values_and_units).
Кастомна властивість з префіксом двох дефісів починається з `--`, після чого стоїть назва властивості (наприклад, `--my-property`), а потім значення властивості, яке може бути будь-яким [дійсним значенням CSS](/uk/docs/Learn_web_development/Core/Styling_basics/Values_and_units).
Як і будь-які інші властивості, кастомні властивості записуються всередині наборів правил.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...аченням CSS. Як і будь-які інші властивості, кастомні властивості записуються всередині наборів пр...

github-actions[bot]
github-actions bot reviewed Dec 24, 2024
View reviewed changes
files/uk/web/css/using_css_custom_properties/index.md
@@ -24,7 +24,7 @@ page-type: guide

### Використання префікса з двох дефісів (`--`)

Кастомна властивість з префіксом двох дефісів починається з `--`, після чого стоїть назва властивості (наприклад, `--my-property`), а потім значення властивості, яке може бути будь-яким [дійсним значенням CSS](/uk/docs/Learn/CSS/Building_blocks/Values_and_units).
Кастомна властивість з префіксом двох дефісів починається з `--`, після чого стоїть назва властивості (наприклад, `--my-property`), а потім значення властивості, яке може бути будь-яким [дійсним значенням CSS](/uk/docs/Learn_web_development/Core/Styling_basics/Values_and_units).
Як і будь-які інші властивості, кастомні властивості записуються всередині наборів правил.
Наступний приклад демонструє те, як створити кастомну властивість `--main-bg-color` і використати значення [`<named-color>`](/uk/docs/Web/CSS/named-color) `brown`:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...Наступний приклад демонструє те, як створити кастомну властивість --main-bg-color і використати зн...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...значає область, у якій можна використовувати кастомну властивість. У зв’язку з цим поширеною практ...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...’язку з цим поширеною практикою є визначення кастомних властивостей на псевдокласі {{cssxref(“:root...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...можуть бути підстави для обмеження сфери дії кастомних властивостей. [!NOTE] Імена кастомних вла...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...дії кастомних властивостей. [!NOTE] Імена кастомних властивостей є чутливими до регістру: --my...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...регістру: --my-color вважатиметься окремою кастомною властивістю поруч із --My-color. Використ...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...{{cssxref(“@Property”)}} дає змогу визначати кастомні властивості з більшою виразністю, маючи змог...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...вати успадкування. Наступний приклад створює кастомну властивість --logo-color, яка очікує значенн...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...or>: Для того, щоб визначати чи працювати з кастомними властивостями в JavaScript, а не безпосередн...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...PI властивостей і значень CSS. Звертання до кастомних властивостей за допомогою var() Незалежно в...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

... Незалежно від того, в який спосіб визначено кастомну властивість, використовувати її можна, зверт...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...ртного значення властивості: Перші кроки із кастомними властивостями Почнімо з HTML, до якого заст...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...my”,600,360)}} Є можливість використовувати кастомні властивості для заміни повторюваних значень ...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...их проєктів це не завжди можливо. Оголошуючи кастомну властивість на псевдокласі {{cssxref(“:root”...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...ити значення в усьому проєкті. Успадкування кастомних властивостей Кастомна властивість, визначен...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...оєкті. Успадкування кастомних властивостей Кастомна властивість, визначена за допомогою двох деф...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...недійсне значення, яке є усталеним значенням кастомної властивості, визначеної таким чином - ...

@github-actions GitHub Actions
Copy link
Contributor

Жаргонні слова

Це слово є жаргонним
STYLE/slang_words: Жаргонні слова

...e (успадковане від предка) Одним з аспектів кастомних властивостей, який демонструють приклади вищ...

@undead404 undead404 merged commit 1295752 into master Dec 24, 2024
7 of 8 checks passed
@undead404 undead404 deleted the update/web-css-using_css_custom_properties branch December 24, 2024 09:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@github-actions github-actions[bot] github-actions[bot] left review comments

Assignees

@undead404 undead404

Labels
size/S translation update
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@undead404