La communauté ALL HTML c'est 60442 membres à ce jour dont 0 inscrits aujourd'hui et 5 depuis une semaine.

Propriétés et valeurs des CSS

Photo de ALL HTML Article publié le dimanche 13 mars 2005 par ALL HTML.
Cet article est classé dans les catégories « CSS »

Tableau résumant toutes les propriétés et valeurs possibles (les plus courantes) pour définir une feuille de style :

Propriété Valeur(s) Description Exemple
font-sizexx-small, x-small, small,
medium, large, x-large,
xx-large, larger, smaller,
ou taille défini en pixels (px)
cm (cm), mm (mm), point (pt),
pourcentage (%)
Taille de la police{font-size: 12pt}
font-familyserif, sans-serif, cursive,
fantasy, monospace,
ou nom de la police
(Arial, Verdana, etc...)
type de police{font-family: Arial}
font-weightnormal, bold, bolder, lighter,
ou valeur numérique de 100
à 900 (par tranche de 100)
Poids de la police{font-weight: bold}
font-stylenormal, italic, oblique
style de la police{font-style: italic}
font-variantnormal, small-caps
Variante de la police{font-variant: small-caps}
line-heightpoint (pt), pourcentage (%)
Hauteur de la ligne{line-height: 5pt}
colornom ou valeur hexadécimale
de la couleur
Couleur de la police{color: green}
background-imageURL du fichierImage d'arrière-plan{background-image:
url(image/fichier.gif)}
background-repeatrepeat , no-repeat, repeat-x,
repeat-y
Répétition de l'arrière-plan{background-repeat:
no-repeat}
background-attachmentscroll, fixedEffet de filigrane{background-attachment:
fixed}
background-positiontop, center, bottom, left, rightPosition de l'arrière-plan
(verticale et horizontale)
{background-position:
center center}
vertical-alignbaseline, sub, super, top,
text-top, middle, bottom,
text-bottom, ou valeurs en
pourcentage
Alignement vertical{vertical-align: top}
text-alignleft, right, center, justifyAlignement du texte{text-align: justify}
text-indentvaleur en pixel ou
pourcentage
Retrait de la
première ligne
{text-indent: 10px}
text-decorationnone, underline, overline,
line-through
Décoration du texte{text-decoration: overline}
text-transformcapitalize, uppercase,
lowercase, none
Casse du texte{text-transform: none}
margin-left (ou -right,
-top, -bottom)
valeur en pixel ou
pourcentage
Valeurs des marges{margin-right: 10px}
padding-left (ou -right,
-top, -bottom)
valeur en pixel ou
pourcentage
Remplissage du bloc{padding-left: 15pt}
border-left (ou -right,
-top, -bottom)
medium, thick,
ou un style
type de bordure{border-top: medium}
border-x-width (x à
remplacer par right, left,
top, bottom)
medium, thick ou
taille.
Taille de la bordure{border-top-width: 15}
border-stylenone, dotted, dashed, solid,
double, groove, ridge, inset,outset
style de la bordure{border-stylet: ridge}
border-colornom ou valeur hexadécimale
de la couleur
Couleur de la bordure{border-color: red}
floatnone, left, right, bothAlignement d'un bloc
par rapport à un autre
{float: right}
clearnone, left, right,bothAutorise l'alignement
d'un bloc par rapport
à un autre
{clear: right}
letter-spacingnormal ou valeur en pointEsapcement des lettres{letter-spacing: 2pt}

VOS COMMENTAIRES ...

Commenter cette publication

Photo de dracula Commentaire publié le jeudi 10 août 2006 à 21 h 29 par dracula
Pour ceux qui souhaitent les avoir quasiment toutes, voici le lien, je ne connait pas plus complet !
http://fr.selfhtml.org/navigation/css.htm
Photo de scientifix94 Commentaire publié le samedi 12 mai 2007 à 00 h 08 par scientifix94
Enfin le retour des balises;)

Commenter cette publication

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

Forums de discussions associés

Discutez et échangez sur ce thème dans notre forum XHTML - HTML - CSS.

Liens sponsorisés

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.