atributo coords da área HTML
Exemplos
Com mapa de imagem clicável área:
<img src ="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
tente »
Suporte a navegadores
Todos os principais navegadores suportam atributos coords.
Definição e Uso
x coords atributo especifica a região e coordenadas y.
coords atribuem forma atributo usado em conjunto para especificar o tamanho, forma e localização da região.
Dica: os superiores coordenadas canto esquerdo da imagem é "0.0".
Diferenças entre HTML 4.01 e HTML5
NONE.
gramática
<area coords="value">
Valor de propriedade
valor | descrição |
---|---|
x1, y1, x2, y2 | Se o atributo formato é definido como "rect", então o valor do canto superior esquerdo das coordenadas do retângulo especificado e no canto inferior direito. |
X, Y, o raio | Se o atributo de forma é definido como "circ", o valor predeterminado de as coordenadas do centro e raio. |
x1, y1, X2, Y2,.., xn, yn | Se o atributo de forma é definido como "poli", então o valor das coordenadas especificadas de cada polígono bordas. Se a primeira e a última coordenada coordenadas não correspondem, de modo a fechar o polígono, o navegador tem de adicionar o último par de coordenadas. |