Styles et attributs CSS
de positionnement



ATTRIBUTS DE POSITIONNEMENT - left - top - position - visibility - width - z-index

Syntaxe

left : distance horizontale du bord gauche de la fenêtre du navigateur au point courant
top : distance verticale du bord supérieur de la fenêtre du navigateur au point courant
width : largeur de la colonne de texte : largeur pourcentage auto
position : deux valeurs : relative ou absolute
visibility : deux valeurs : texte visible ou invisible : visible, hidden, inherit
z-index : niveau de l'élément dans une fenêtre où divers éléments sont superposés entier ou auto

Unités de mesure des distances

mm
cm
inch
pixel
pt
pica
em
ex
%
( % : il s'agit du pourcentage da la largeur ou hauteur de la fenêtre suivant les cas )

Exemples

top : 90 (interprété en pixels)
left : 80% (de la fenêtre parente)
position : relative
position : absolute
visibility : visible
z-index : 2

Exemples d'entraînement

Exemple 1 - Exemple 2 - Exemple 3


ATTRIBUT D'IMAGE D'ARRIERE-PLAN

Syntaxe

backgroud-image : image
 

 

 

 

 

Etape suivante à venir

Sommaire du cours CSS
Sommaire du coursHTML
Retour en Page d'accueil