Атрибут shape

Атрибут shape задает геометрическую форму области элемента <area>. Координаты этой области задаются атрибутом coords, за исключением состояния default. 

Значения

Атрибут shape может принимать следующие значения:

  • default состояние по умолчанию, область для выделения не определена и занимает всю площадь. В таком состоянии элемента <area> атрибут coords должен отсутствовать.
  • circle задает геометрическую форму области для выделения в виде окружности
  • rect задает геометрическую форму области для выделения в виде прямоугольника
  • poly задает геометрическую форму области для выделения в виде многоугольника

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

default

Обязательный атрибут

нет

Синтаксис

<area shape="circle | poly | rect | default">

Спецификация

версия HTML 3.2 HTML 4.01 HTML 5.0 XHTML 1.0 XHTML 1.1
поддержка да да да да да

Поддержка браузерами

браузер IE Chrome Opera Firefox Safari
версия 6.0+ 2.0+ 4.0+ 9.2+ 1.0+
поддержка да да да да да

Пример

В примере на изображении areashape1.jpg определяем геометрические области для выделения в соответствии с нарисованными фигурами, при помощи атрибута shape и задаем координаты с помощью атрибута coords.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Пример атрибута shape элемента area</title>
 </head>
 <body>
   <P><img src="areashape1.jpg" type="image/jpg" usemap="#demomap"></p>
  <MAP name="demomap">
   <AREA href="http://develweb.ru/html/area/coords" 
          alt="Область для выделения в виде круга" 
          shape="circle" 
          coords="80,87,51">
   <AREA href="http://develweb.ru/html/area/shape" 
          alt="область для выделения в виде квадрата" 
          shape="rect" 
          coords="158,36,300,140">
   <AREA href="http://develweb.ru/html/area" 
          alt="Область для выделения в виде многоугольника" 
          shape="poly" 
          coords="342,35,459,90,342,142">
  </MAP>
 </body>
</html>
Шаблон атрибута shape
Рис.1 Шаблон изображения для атрибута shape
Результат примера атрибута shape
Рис.2 Результат примера атрибута shape элемента <area>