html тег <area> атрибут coords
Атрибут coords визначає координати області в зображення-карті.
Атрибут coords використовується разом з атрибутом форми shape, щоб визначити розмір, форму і розташування області
- Порада
-
Координати верхнього лівого кута області є 0,0.
автор: с3с - Порада
-
Якщо дві області перекриваються між собою, пріоритет має та, яка визначена в коді HTML вище.
автор: с3с
Синтаксис
<area coords="<координата 1>, <координата 2>, <координата 3>, ...">Атрибут coords може отримувати 3 значень:
-
x1,y1,x2,y2 -
Якщо атрибут форми встановлений в положення "Rect", він визначає координати лівого верхнього кута і нижного правого кута прямокутника.
автор: с3с -
x,y,radius -
Якщо атрибут форми встановлений на "circle", він визначає координати центру кола і радіус.
автор: с3с -
x1,y1,x2,y2,…xn,yn -
Якщо атрибут форми встановлений на "poly", він визначає координати країв багатокутника. Якщо перша і остання координатні пари не збігаються, браузер повинен додати останню пару координат, щоб закрити полігон.
автор: с3с
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1+ | 1+ | 1+ | 1+ | 12+ | 1+ |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 1+ | 6+ | 1+ | 1+ |
Приклади
+ запропонувати свій приклад у пісочниці
Найпростіший приклад використання HTML атрибута coords теґа <area> з параметром shape="rect"
See the Pen area.coords_css_in_ua by css.in.ua (@css_in_ua) on CodePen.
автор: с3сНайпростіший приклад використання HTML атрибута coords теґа <area> з параметром shape="circle"
See the Pen area.coords_css_in_ua2 by css.in.ua (@css_in_ua) on CodePen.
автор: с3сРізниця між HTML 4.01 та HTML5
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!