Атрибут shape

Описание

Определяет форму «горячей области», координаты которой задаются с помощью атрибута coords.

Синтаксис

<area shape='circle | default | poly | rect'>
Значение Описание
circle Область в виде круга.
default Область по умолчанию (прямоугольная).
poly Полигональная область произвольной формы.
rect Прямоугольная область.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<map name='html5-css3'>
<area shape='rect' coords='0,0,150,162' href='#html' alt='html' onclick='alert(`html`)'>
<area shape='rect' coords='150,0,300,162' href='#css' alt='css' onclick='alert(`css`)'>
</map>
<img width='300' src='/files/images/example/html-css.jpg' alt='' usemap='#html5-css3'>
</body>
</html>
html css

Читайте также

Тег <th>. Атрибут colspan

Используется для объединения горизонтальных ячеек.

Тег <br>. Атрибут clear

Задает адрес, по которому он должен перейти.

Тег <td>. Атрибут colspan

Используется для объединения горизонтальных ячеек.

Тег <meta>. Атрибут name

Определяет имя уровня страницы метаданных.

Тег <canvas>. Атрибут height

Задает высоту холста. По умолчанию 300px.