HTML - Balise <layer>

La description

La balise HTML <layer> est utilisée pour positionner et animer (via des scripts) des éléments dans une page. Un calque peut être considéré comme un document distinct qui se trouve au-dessus du principal, le tout existant dans une seule fenêtre.

Cette balise est prise en charge dans Netscape 4 et les versions supérieures de celui-ci.

Exemple

Cet exemple crée trois couches qui se chevauchent. Celui du dos est rouge, celui du milieu est bleu et celui du devant est vert.

<!DOCTYPE html>
<html>

   <head>
      <title>HTML layer Tag</title>
   </head>

   <body>
      <layer id = "layer1" top = "250" left = "50" width = "200" 
         height = "200" bgcolor = "red">
         <p>layer 1</p>
      </layer>
      
      <layer id = "layer2" top = "350" left = "150" width = "200"
         height = "200" bgcolor = "blue">
         <p>layer 2</p>
      </layer>
      
      <layer id = "layer3" top = "450" left = "250" width = "200"
         height = "200" bgcolor = "green">
         <p>layer 3</p>
      </layer>
   </body>

</html>

Cela produira le résultat suivant, cela fonctionnera dans Netscape 4 et les versions supérieures.

Attributs globaux

Cette balise prend en charge tous les attributs globaux décrits dans - Référence des attributs HTML

Attributs spécifiques

La balise HTML <layer> prend également en charge les attributs supplémentaires suivants -

Attribut	Valeur	La description
au dessus de	nom du calque	Le nom du calque en ligne qui sera positionné directement au-dessus du calque actuel dans l'ordre z.
Contexte	URL	Un nom de fichier ou une URL pour une image sur laquelle le texte et les images du calque en ligne apparaîtront.
au dessous de	nom du calque	Le nom du calque en ligne qui sera positionné directement sous le calque actuel dans l'ordre z.
bgcolor	rgb (x, x, x) #xxxxxx nom de couleur	Couleur à utiliser pour l'arrière-plan du calque en ligne.
agrafe	nombre	Les coordonnées de la zone visible du calque en ligne.
la taille	pixels	Hauteur du calque en ligne, en pixels.
la gauche	nombre	La position du côté gauche du calque en ligne. Si le calque en ligne actuel fait partie d'un autre calque appelé calque parent, la position est relative au calque parent.
Nom	nom du calque	Le nom du calque en ligne.
pagex	nombre	La position du côté gauche du calque en ligne par rapport à la fenêtre du navigateur.
pagey	nombre	La position du haut du calque en ligne par rapport à la fenêtre du navigateur.
src	URL	L'URL d'une page qui apparaîtra à l'intérieur du calque en ligne.
Haut	nombre	La position du haut du calque en ligne. Si le calque en ligne actuel fait partie d'un autre calque, appelé calque parent, la position est relative au calque parent.
visibilité	afficher masquer hériter	Détermine si le calque en ligne est visible.
largeur	pixels	Largeur du calque en ligne, en pixels.
index z	nombre	Position du calque en ligne dans l'ordre z. Les couches en ligne avec des valeurs Z-INDEX plus élevées sont positionnées au-dessus des couches en ligne avec des valeurs Z-INDEX inférieures.

Attributs d'événement

Cette balise prend en charge tous les attributs d'événement décrits dans - Référence des événements HTML

Prise en charge du navigateur

Chrome	Firefox	C'EST À DIRE	Opéra	Safari	Android
Non	Non	Non	Non	Non	Non

↰ Previous page