HTML区域的shape属性与coords属性一起使用,以描述<area>元素的大小,形状和位置。
用法:
<area shape="default | rect | circle | poly">
属性值:
- default:它用于指定整个区域。
- rect:用于指定矩形区域。
- circle:用于指定圆形区域。
- poly:用于指定多边形区域。
例:
<!DOCTYPE html>
<html>
<head>
<title>
HTML area shape Attribute
</title>
</head>
<body style="text-align:center;">
<h1>
GeeksForGeeks
</h1>
<h2>
HTML <area> shape Attribute
</h2>
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227165729/area11.png"
alt="alt_attribute"
width="300"
height="119"
class="aligncenter"
usemap="#shapemap" />
<map name="shapemap">
<!-- area tag contained image. -->
<area shape="poly"
coords="59, 31, 28, 83, 91, 83"
href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227165802/area2.png"
alt="Triangle">
<area shape="circle"
coords="155, 56, 26"
href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227165934/area3.png"
alt="Circle">
<area shape="rect"
coords="224, 30, 276, 82"
href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227170021/area4.png"
alt="Square">
</map>
</body>
</html>
输出:
支持的浏览器:下面列出了HTML区域形状属性支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- 苹果Safari
- Opera
相关用法
- HTML <a> shape属性用法及代码示例
- HTML shape属性用法及代码示例
- HTML Area shape用法及代码示例
- HTML min属性用法及代码示例
- HTML rel属性用法及代码示例
- HTML alt属性用法及代码示例
- HTML <map> name属性用法及代码示例
- HTML <img> src属性用法及代码示例
- HTML value属性用法及代码示例
- HTML dir属性用法及代码示例
- HTML src属性用法及代码示例
- HTML for属性用法及代码示例
- HTML low属性用法及代码示例
- HTML max属性用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <area> shape Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。