coords属性
coords属性はarea要素でクリッカブルマップにする座標が指定できる属性です。
coords属性で指定できる座標はshape属性の値により異なります。
shape属性の値が”circle”もしくは”circ”の場合は円形のクリッカブルマップとなります。
3つの正の整数を指定し、1つ目には画像に対しての円の中心のX座標、2つ目に画像に対しての円の中心のY座標、最後に円の半径が指定できます。
shape属性の値が”default”の場合は、画像がクリッカブルマップとなるためcoords属性は指定できません。
shape属性の値が”poly”もしくは”polygon”の場合は多角形のクリッカブルマップとなります
6つ以上の整数を指定しなくてはならず、偶数個の指定が可能です。奇数で指定できるのはX座標、偶数で指定できるのはY座標にです。6つ指定した場合はX座標、Y座標のペアが3個となり3角形のクリッカブルマップが生成されます。8の場合は4角形が10の場合は5角形がと言った具合に多角形のクリッカブルマップが生成できます。
shape属性の値が”rect”もしくは”rectangle”の場合は長方形のクリッカブルマップとなります。
4つの数値が指定でき、1つめの数値が左辺のX座標、2つめの数値が上辺のY座標、3つめの数値が右辺のX座標、4つめの数値が下辺のY座標が指定できます。
<object data="http://www.webcreativepark.net/sample/images/2013-12-05%2013.22.31.jpg" width="500" height="500" usemap="#sample"></object>
<map name="sample">
<area shape="rect" coords="0,0,250,250" href="http://www.webcreativepark.net/sample/" alt="ホーム">
</map>登録日 : 2014年03月07日 最終更新日 : 2014年3月16日
同じカテゴリー(属性)のエントリー
- optimum属性
- high属性
- low属性
- from属性
- keytype属性
- challenge属性
- wrap属性
- rows属性
- cols属性
- selected属性
- menu属性
- disabled属性
- autofocus属性
- step属性
- size属性
- required属性
- readonly属性
- placeholder属性
- pattern属性
- multiple属性
- minlength属性
- min属性
- maxlength属性
- max属性
- list属性
- inputmode属性
- formtarget属性
- formnovalidate属性
- formmethod属性
- formenctype属性
- formaction属性
- dirname属性
- checked属性
- accept属性
- for属性
- novalidate属性
- method属性
- enctype属性
- autocomplete属性
- action属性
- accept-charset属性
- sorted属性
- abbr属性
- scope属性
- headers属性
- rowspan属性
- colspan属性
- span属性
- open属性
- srcset属性
- border属性
- sortable属性
- hreflang属性
- rel属性
- shape属性
- coords属性
- default属性
- label属性
- srclang属性
- kind属性
- media属性
- controls属性
- muted属性
- loop属性
- mediagroup属性
- autoplay属性
- preload属性
- poster属性
- form属性
- typemustmatch属性
- data属性
- seamless属性
- sandbox属性
- name属性
- srcdoc属性
- ismap属性
- height属性
- width属性
- usemap属性
- alt属性
- scoped属性
- datetime属性
- download属性
- target属性
- href属性
- value属性
- crossorigin属性
- defer属性
- async属性
- charset属性
- src属性
- cite属性
- type属性
- start属性
- reversed属性
- manifest属性