Balise XHTML img
Description
- Description:
- Image (Including an image: the IMG element)
Attributs
id ID #IMPLIED class CDATA #IMPLIED style %StyleSheet; #IMPLIED title %Text; #IMPLIED lang %LanguageCode; #IMPLIED xml:lang %LanguageCode; #IMPLIED dir (ltr|rtl) #IMPLIED onclick %Script; #IMPLIED ondblclick %Script; #IMPLIED onmousedown %Script; #IMPLIED onmouseup %Script; #IMPLIED onmouseover %Script; #IMPLIED onmousemove %Script; #IMPLIED onmouseout %Script; #IMPLIED onkeypress %Script; #IMPLIED onkeydown %Script; #IMPLIED onkeyup %Script; #IMPLIED src %URI; #REQUIRED // chemin de l'image alt %Text; #REQUIRED longdesc %URI; #IMPLIED height %Length; #IMPLIED width %Length; #IMPLIED usemap %URI; #IMPLIED // nom d'une balise <map> en autre... ismap (ismap) #IMPLIED Lorsque l'image est à l'intérieur d'une balise <a> permet d'envoyer les coordonnées relatives (x,y) de la souris par rapport à l'image (haut, gauche). le window.status affichera l'URI de la balise <a> avec le signe '?' et la position x,y. exemple: http://www.lesite.com/fichier.cgi?10,20 XHTML 1.0 Transitional seulement: name NMTOKEN #IMPLIED align %ImgAlign; #IMPLIED border %Length; #IMPLIED Bordure autour de l'image, elle sera de la couleur des liens si la balise est entourée de la balise <a href=""> hspace %Pixels; #IMPLIED vspace %Pixels; #IMPLIED
CSS
Pour les images qui sont à l'intérieur d'un hyperlien ou qui utilise l'attribut usemap
border: 2px solid;
Firefox ajoute -moz-outline: 1px dotted invert; lorsque l'usager a le focus sur le lien.
Avec l'attribut usemap, on ajoute
cursor: pointer; color: blue; -moz-user-focus: normal; /* firefox */