Самоучитель HTML Справочник HTML Глобальные атрибуты MIME-типы События Типы элементов Таблица цветов Спецсимволы HTML Коды языков
Теги HTML

Атрибут coords

Атрибут coords устанавливает координаты активной области на изображении.

Атрибут coords используется совместно с атрибутом shape, который определяет форму активной области.

Синтаксис

<area coords="координаты">

Значения

координаты — значения координат представляют собой набор чисел, разделённых запятыми. Если две области перекрываются между собой, то приоритет имеет та, которая расположена в HTML-коде выше (раньше).

Набор координат определяется выбранной с помощью атрибута shape формой. Отсчёт координат ведётся от верхнего левого угла изображения и указывается в пикселях. Верхний левый угол имеет координаты — 0, 0.

Возможные значения атрибута:

Значение Описание
x1,y1,x2,y2 Координаты верхнего левого и нижнего правого угла прямоугольника (shape="rect"):

area coords rect координаты прямоугольника

x,y,радиус Координаты центра окружности и радиус (shape="circle"):

area coords circle координаты окружности

x1,y1,x2,y2,...,xn,yn Координаты вершин многоугольника (shape="poly"). Если первая и последняя пары координат не совпадают, браузер автоматически добавит последнюю пару координат, чтобы замкнуть многоугольник:

area coords poly координаты многоугольника

Значение по умолчанию

Нет.

Пример

<img src="squares.png" alt="Три квадрата" usemap="#num1">

<map name="num1">
  <area shape="rect" coords="3,2,67,58" href="/html/atr_coords_area.php" alt="Первый квадрат">
</map>

Результат

Три квадрата

Первый квадрат
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Реклама на сайте | puzinfo@puzzleweb.ru