Ostatnio edytowany:

shape

Autor: Virtual Patriot

Przeznaczenie atrybutu shape

Za pomocą atrybutu shape możemy określić bazowy kształt klikalnego obszaru reprezentowanego przez interesujący nas element HTML.

Elementy HTML dla atrybutu shape

  1. area

Przykład atrybutu shape

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <map name="mapa-1">
      <area href="http://webkod.pl/kurs-html/tagi/zawartosc-osadzona/element-object" shape="poly" coords="16,69,200,28,180,214" alt="opis elementu - object">
    </map>

    <img src="http://webkod.pl/files/html/klikalna-mapa-01.png" usemap="#mapa-1" alt="mapa z jednym klikalnym obszarem">

  </body>
</html>

Rezultat

opis elementu - object mapa z jednym klikalnym obszarem

Klikalny obszar reprezentowany przez przykładowy element "area" na mapie klikalnych obszarów reprezentowanej przez element "map" może posiadać kształt wielokąta, ponieważ do wspomnianego elementu "area" został dodany atrybut "shape" wraz z wartością "poly".

Interpretacja atrybutu shape

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak