Langages Web Programmation Astuces Actualité        
HTML

DHTML

CSS

CSS-P

JavaScript

Couleurs

Référencement

Les attributs de style


Si vous mettez plusieurs attributs pour composer un style, il faut toujours les séparer par un point-virgule de telle manière :


FamilleDescription
AttributDescription
ValeurDescription
ou exemple
BackGround 
-AttachmentDétermine si l'image de fond se déplace avec le document
FixedElle reste fixée, ne se déplace pas
-ColorDétermine la couleur d'arrière-plan
Nom de la couleurRed
Valeur hexadécimale#ffaa99
-ImageDétermine l'image de fond de l'élément
url(Chemin relatif)url(../rep/img.jpg)
url(Chemin absolu)url(http:// sakartone.free.fr/ repertoire/img.jpg)
-PositionDétermine la position de l'image de base pour le fond, la 1ère valeur déterminant l'alignement vertical et la 2de l'alignement horizontal
Top (en haut) Center ou Bottom (en bas) + Left Center ou RightBottom Right
Position exacte de l'image de base : x y (en pixels)200 15
-RepeatDétermine si l'image de fond se répète
No-RepeatElle ne se répète pas
Repeat-XElle se répète horizontalement seulement
Repeat-YElle se répète verticalement seulement
Border 
-ColorCouleur de bordure
Nom de la couleurRed
Valeur hexadécimale#ffaa99
-WidthTaille de la bordure
Nombre en pixels3
 ColorDétermine la couleur du texte
Nom de la couleurRed
Valeur hexadécimale#ffaa99
 CursorDétermine le type du pointeur utilisé
CrossHairDétermine le pointeur correspondant à l'évènement Précision de la sélection
Font 
-FamilyDétermine les polices (s'il n'y a pas la 1ère, le navigateur prend la 2ème, la 3ème, etc.)
Noms de polices séparés par une virguleComix, Sans-Serif
-SizeDétermine la taille du texte
Nb en pixels12px
-StyleDétermine la forme de caractères
NormalNon italique
Italic ou ObliqueEn italique
-WeightDétermine la grosseur de caractères
NormalNon gras
BoldEn gras
 HeightDétermine la hauteur de l'élément
Nb en pixels50
Margin 
-LeftDétermine la marge à gauche de l'élément
Nb en pixels10
-RightDétermine la marge à droite de l'élément
Nb en pixels10
Text 
-AlignDétermine l'alignement horizontal de l'élément
LeftA gauche
CenterCentré
RightA droite
JustifyJustifié
-DecorationDétermine le trait de soulignement
NoneAucun
UnderlineSouligné
OverlineSurligné
Overline UnderlineSouligné et surligné
Line-ThroughBarré
-IndentIndentation de première ligne
Nb en pixels30
-TransformTransformation du texte
CapitalizeToutes les initiales en majuscules
UpperCaseTexte en majuscules
LowerCaseTexte en minuscules
Vertical 
-AlignAlignement vertical
TopEn haut
MiddleAu milieu
BottomEn bas
 VisibilityDétermine si l'objet est visible ou pas
HiddenL'objet est caché
VisibleL'objet est visible
 WidthDétermine la largeur de l'élément
Nb en pixels150

    Publicité Lexique Liens Contact Webmaster Informations ?>