Les propriétés CSS


Mise en forme du texte
PropriétésExemplesDescription
Couleur de texte : colorp {color: #FF0000}Paragraphe en rouge
Polices de caractères : font-familyp {font-family: serif, sans-serif, cursive, fantasy, monospace}Paragraphe en police serif
Taille du texte : font-sizep {font-size: 14pt}Paragraphe en 14pt
Style de la police : font-stylep {font-style: italic}Texte en Italique
Epaisseur des lettres : font-weightp {font-weight: bold}
autres régleages : bolder, lighter
Paragraphe en gras
Espace entre les lettres : letter-spacingp {letter-spacing: 2em}Espace entre les lettres du paragraphe doublé
Interligne : line-heightp {line-height: 2}Interligne de 2 pour le paragraphe
Alignement : text-alignp {text-align: right}
autres régleages : center, justify, left
Paragraphe aligné à droite



Les arrières plans
PropriétésExemplesDescription
Couleur d'arrière plan : background-colorp {background-color: #FF0000}Arrière plan de paragraphe en rouge
Image en arrière plan : background-imagep {background-image: url(image.jpg)}
body {background-image: url(image.jpg)}
image.jpg en arrière plan du paragraphe
image.jpg en arrière plan de toute la page web



Les bordures
PropriétésExemplesDescription
Style des bordures : border-styletable {border-style: solid}
autres régleages : dashed, dotted, double, groove, hidden, inset, none, outset, ridge
Les bordures de tableaux seront en traits pleins
Epaisseur des bordures : border-widthth {border-width: 3px}L'épaisseur des bordures des cellules d'en tête seront de 3px
Couleur des bordures : border-colortd {border-color: #FF0000}Les bordures des cellules seront rouges



Les liens hypertexte
PropriétésExemplesDescription
Lien non visité en bleu clair.a:link {color: blue;}lien
Pas de soulignement du liena{text-decoration: none;}lien
Lien visité en rougea:visited {color: red;}lien
Lien activé cou|eur d'arrière-plan jaunea:active {background-color: yellow;}Lien
Liens orange au survol de la sourisa:hover {color: orange;}lien