ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | FIN DE PAGE | INDEX

Placement d'objets

Attributs	Utilisation	Valeurs possibles	Exemple
bottom	Permet de définir la distance entre le bord inférieur de la boîte de l'élément et le bord adjacent de la boîte contenant la première. La propriété bottom ne peut être définie que si la propriété position a d'abord été spécifiée pour l'élément.	Pourcentage :Valeur en pourcentage de x-offset et y-offset. En unités de mesure de longueur : valeur exprimée en unités de longueurs de x-offset et y-offset (em, ex, px, in, cm, mm, pt, pc). auto	DIV {border:thin solid;position: relative; bottom: -15px}
clear	Cette propriété reprend l'attribut clear de la balise HTML <BR>	left \| right \| none	IMG {float: right; margin-left: 10px; clear: left}
clip	Permet de définir une zone rectangulaire du plan qui reste visible, le reste devenant transparent.	auto : La région affectée par la propriété a la même taille et le même emplacement que la(les) boîte(s) de l'élément. shape : valeur possible: rect (top, right, bottom, left). Les paramètres top, right, bottom et left peuvent être spécifiés à l'aide d'une longueur définie en em, ex, px, in, cm, mm, pt, pc ou avec auto.	HTML : DIV {clip: rect(0,100,100,0} SCRIPT : texte.style.clip= "rect(0,100,100,60)";
float	Spécifie une valeur similaire à l'attribut align en HTML	left \| right \| none	BLOCKQUOTE {float: right}
height	Permet de fixer la hauteur d'un élément HTML (texte ou image). Si le contenu est textuel, des barres de défilement sont ajoutées si besoin.	Valeur : exprimée en unité de longueur (em, ex, px, in, cm, mm, pt, pc) Valeur en pourcentage : La valeur est calculée sur la hauteur de la boîte englobante. auto : La valeur dépend de celles des autres propriétés.	DIV { height: 50px; width:50px; background-color:blue } Résultat
left	Permet de fixer la position horizontale d'un élément HTML (texte ou image). La propriété left ne peut être définie que si la propriété position a d'abord été spécifiée pour l'élément. S'emploie souvent en association avec la propriété top	valeur : exprimée en unité de longueur (em, ex, px, in, cm, mm, pt, pc) Pourcentage Auto	DIV {left: 30px} Résultat
position	Définit le type de positionnement d'une boîte.	static relative absolute fixed inherit	DIV {position: relative;left: 40px; top:-40px} Résultat
right	Permet de définir la distance entre le bord droit de la boîte de l'élément et le bord adjacent de la boîte contenant la première. La propriété right ne peut être définie que si la propriété position a d'abord été spécifiée pour l'élément.	valeur : exprimée en unité de longueur (em, ex, px, in, cm, mm, pt, pc) Pourcentage Auto	DIV {position: relative; right: -60px} Résultat
top	Permet de fixer la position verticale d'un élément HTML (texte ou image). La propriété top ne peut être définie que si la propriété position a d'abord été spécifiée pour l'élément.	Pourcentage :Valeur en pourcentage de x-offset et y-offset. En unités de mesure de longueur : valeur exprimée en unités de longueurs de x-offset et y-offset (em, ex, px, in, cm, mm, pt, pc). auto	DIV {position: relative; top: -60px} Résultat
visibility	Indique si la boîte générée par un élément doit être visible ou non.	visible hidden collapse inherit	DIV {visibility: hidden}
width	Permet de fixer la largeur d'un élément HTML (texte ou image).	Valeur : exprimée en unité de longueur (em, ex, px, in, cm, mm, pt, pc) Valeur en pourcentage : La valeur est calculée sur la hauteur de la boîte englobante. auto : La valeur dépend de celles des autres propriétés.	DIV {width: 100px}
z-index	Permet d'attribuer un numéro d'ordre à un élément afin de créer une pile contenant d'autres éléments. Ce numéro représente la coordonnée sur l'axe des Z de chacun des éléments. L'axe des Z correspond à la profondeur de votre page.	un nombre entier positif ou négatif	DIV {z-index: -1}

ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | DEBUT DE PAGE | INDEX