le css - les propriétés de style

Les propriétés de style

:une feuille de style est toujours écrite de cette manière:
balise{propriété:valeur; propriété:valeur}

les propriétés sont toujours séparées par des points-virgules et, entre les propriétés et les valeurs, il y a toujours deux points.

Voici la liste des différentes propriétés des feuilles de style:

Propriété	Valeur(s)	Définition
Arrière-plan
background-image:url("XXX.jpg");	image	fond de la page ex:background-image: url("image.jpg");
background-color	couleur (code hexadécimal)	ex: backgound-color:"#ffccff";
background-attachement	scroll ou fixed	indique si l'image de fond doit être attachée ou non ex:background-attachement:scroll;
background-repeat	repeat, repeat-x, repeat-y, no-repeat	Manière de répèter l'arrière-plan ex: background-repeat:repeat-x;
Les espaces
padding-left,-right, -top, -bottom	pixels,pourcentage	espace intérieur entre le texte et la bordure ex:padding-left:10px;
Mise en forme du texte
font-size	xx-small,x-small,medium,large,x-large,xx-large,larger, valeur numérique (en pixels ou en pt)	taille de l'écriture ex:font-size:16pt;
font-family	nom de la police	police des caractères ex:font-family:serif;
font-style	normal,italic,oblique	style de l'écriture ex:font-style:normal
font-variant	normal,small-caps	lettres (small-caps=petites majuscules) ex:font-variant:normal;
font-weight	normal,bold,bolder,lighter,valeur numérique	épaisseur des caractères. La valeur numérique va de 100 à 900. ex:font-weight:125;
a:link	code hexadécimal	Couleur du lien actif
a:visited	code hexadécimal	Couleur du lien visité
a:hover	code hexadécimal	Couleur du lien lorsque la souris est dessus
Propriétés des paragraphes
word-spacing	pt, %, px	espace entre les mots ex:word-spacing:2pt;
letter-spacing	pt, %, px	espace entre les lettres ex:letter-spacing:1px
line-height	pourcentage,pixels	longueur d'une ligne ex:line-height:25%;
vertical-align	baseline,sub,super,top,text-top, middle,bottom,text-bottom,pourcentages	alignement vertical du texte ex:vertical-align:sub;
text-indent	pixels,pourcentage	retrait en première ligne du paragraphe ex:text-indent:8%;
text-align	left,right,center,justify	alignement horizontal ex:text-align:justify;
text-shadow	pixels+couleur	Ombrage du texte ex:text-shadow:2px black;
text-transform	capitalize,uppercase,lowercase,none	transformation du texte en majuscules ou en minuscules ex:text-tranform:none;
padding-left/right	px, %	retrait à gauche/droite ex:padding-left:20px;
color	couleur (code hexadécimal)	couleur du texte ex:color:#FF00FF;
Propriétés des blocs
margin-left,-right,-top,-bottom	pixels,pourcentage	définition de la position ex:margin-top:10px;
border-left/top/right/bottom	none,dashed,dotted,solid,double,groove, ridge,inset,outset,medium,think,thin	création une bordure ex:border-left:thin;
clear	left,right,bottom,none	autorisation pour les éléments flottants de se positionner à gauche\|droite ou les deux ex:clear:left;
float	left,right,none	alignement d'un élément ex:float:left;
widht	pixels,pourcentage	largeur ex:border-width:8%;
height	pixels,pourcentage	hauteur ex:border-height:8%;
position	une seule valeur: "absolute"	ex:postition:absolute;
top, left, right, bottom	S'utilise avec "position:absolute", pixels, pourcentage	position de l'élément

Ceci est la liste (exhaustive) des différents attributs du CSS

Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.3009 secondes.
Retour en haut de la page
Imprimer cette page