Skip to content

Commit

Permalink
update(CSS): web/css/cursor (#490)
Browse files Browse the repository at this point in the history
* chore(css): update some terms according to convention

* update(CSS): /docs/Web/CSS/cursor

* update(CSS): web/css/cursor

Co-authored-by: Mykola Myslovskyi <[email protected]>
  • Loading branch information
undead404 and AdriandeCita authored Jul 24, 2022
1 parent ab65c09 commit c9bdd4b
Showing 1 changed file with 5 additions and 4 deletions.
9 changes: 5 additions & 4 deletions files/uk/web/css/cursor/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ browser-compat: css.properties.cursor
/* Ключові слова */
cursor: auto;
cursor: pointer;
...
/**/
cursor: zoom-out;

/* URL з обов‘язковим запасним варіантом – ключовим словом */
Expand All @@ -41,7 +41,8 @@ cursor: url(cursor_1.png) 4 12, auto;
cursor: url(cursor_2.png) 2 2, pointer;

/* URL'и та URL'и – запасні варіанти (деякі – із координатами), з обов‘язковим запасним варіантом – ключовим словом */
cursor: url(cursor_1.svg) 4 5, url(cursor_2.svg), ... , url(cursor_n.cur) 5 5, progress;
cursor: url(cursor_1.svg) 4 5, url(cursor_2.svg), /* … ,*/ url(cursor_n.cur) 5 5,
progress;

/* Глобальні значення */
cursor: inherit;
Expand All @@ -55,12 +56,12 @@ cursor: unset;
Кожен `<url>` повинен вказувати на файл зображення.
Браузер намагатиметься завантажити перше вказане зображення, переходячи до наступного у випадку невдачі, і переходить до використання ключового слова, якщо жодне з зображень не вдалось завантажити (або якщо жодне не було вказано).

Кожен `<url>` може мати на додачу два розділених пробілами числових значення, котрі встановлюють координати `<x>` та `<y>` розташування гарячої точки курсора на зображенні, відносно його лівого верхнього кута.
Кожен `<url>` може мати на додачу два розділені пробілами числові значення, котрі встановлюють координати `<x>` та `<y>` розташування гарячої точки курсора на зображенні, відносно його лівого верхнього кута.

### Значення

- `<url>` {{optional_inline}}
- : `url()` або розділений комами список `url(), url(), …` – посилання на файл зображення.
- : `url()` або розділений комами список `url(), url(), …` – посилання на файл зображення.
На випадок того, що якісь типи зображень курсорів не підтримуються, можна вказати більш ніж одне значення {{cssxref("url", "url()")}}.
Запасний варіант з одного або більше ключових слів _мусить_ бути присутнім в кінці списку запасних варіантів.
- `<x>` `<y>` {{optional_inline}}
Expand Down

0 comments on commit c9bdd4b

Please sign in to comment.