Skip to content

Commit

Permalink
update(CSS): web/css/background-position
Browse files Browse the repository at this point in the history
  • Loading branch information
undead404 authored and AdriandeCita committed Apr 13, 2024
1 parent b9a1e7e commit e1b268a
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion files/uk/web/css/background-position/index.md
Expand Up @@ -67,7 +67,7 @@ background-position: unset;
- Одне зі значень – ключових слів `top`, `left`, `bottom`, `right`. Якщо задано `left` або `right`, то це задає X, а інше значення – задає Y. Якщо задано `top` або `bottom`, то це задає Y, а інше значення – X.
- {{cssxref("&lt;length&gt;")}} або {{cssxref("&lt;percentage&gt;")}}. Якщо інше значення – `left` або `right`, то це значення задає Y відносно верхнього краю. Якщо інше значення – `top` або `bottom`, то це значення задає X відносно лівого краю. Якщо обидва значення – `<length>` або `<percentage>`, то перше з них задає X, а друге – Y.
- Зверніть увагу, що: якщо одне зі значень – `top` або `bottom`, то інше значення не може бути `top` або `bottom`. Аналогічно, якщо одне зі значень – `left` або `right`, то інше значення не може бути `left` або `right`. Це означає, що, наприклад, `top top` і `left right` – недійсні значення.
- Порядок: при паруванні ключових слів, їх розташування в списку неважливе, адже браузер сам може їх переставити, і значення `top left` і `left top` дадуть однаковий результат. При паруванні {{cssxref("&lt;length&gt;")}} або {{cssxref("&lt;percentage&gt;")}} з ключовим словом – порядок є важливим, спершу повинно стояти значення X, а потім – Y, і значення `right 20px` не тотожне `20px right`: перше значення – дійсне, а друге – ні. Значення `left 20%` і `20% bottom` – є дійсними, адже значення X та Y чітко визначені, і їх порядок є правильним.
- Порядок: при паруванні ключових слів їх розташування в списку неважливе, адже браузер сам може їх переставити; значення `top left` і `left top` дадуть однаковий результат. При паруванні {{cssxref("&lt;length&gt;")}} або {{cssxref("&lt;percentage&gt;")}} з ключовим словом – порядок є важливим: спершу повинно стояти значення X, а потім – Y, тож значення `right 20px` – дійсне, а `20px right`ні. Значення `left 20%` і `20% bottom` – є дійсними, адже значення X та Y чітко визначені, і їх порядок є коректним.
- Усталене значення – `left top`, або `0% 0%`.

**Синтаксис 3 значень:** Два значення – значення – ключові слова, а третє – відступ для попереднього значення:
Expand Down

0 comments on commit e1b268a

Please sign in to comment.