<area> 태그의 shape 속성
HTML <area> 태그 ⇒
정의 및 특징
<area> 태그의 shape 속성은 영역(area)의 모양을 명시합니다.
shape 속성은 해당 영역의 크기와 모양, 배치 등을 명시하기 위해 coords 속성과 함께 사용됩니다.
문법
| <area shape=“default|rect|circle|poly”> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
default |
영역을 이미지 전체를 지정함. |
|
|
rect |
사각형 모양의 영역(rectangular region)을 지정함. |
|
|
circle |
원 모양의 영역(circular region)을 지정함. |
|
|
poly |
다각형 모양의 영역(polygonal region)을 지정함. |
예제
<img src="/examples/images/img_imagemap.jpg" alt="진실 혹은 거짓" usemap="#vending" style="width:320px; height:240px">
<map name="vending">
<area shape="poly" coords="50,150,230,120,230,180,50,210"
alt="진실" href="https://ko.wikipedia.org/wiki/%EC%A7%84%EC%8B%A4">
<area shape="circle" coords="140,100,40" alt="거짓" href="https://ko.wikipedia.org/wiki/%EA%B1%B0%EC%A7%93%EB%A7%90">
</map>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| shape | 지원함 | 지원함 | 지원함 | 1.0 | 지원함 | 지원함 |
