La communauté ALL HTML c'est 60102 membres à ce jour dont 0 inscrits aujourd'hui et 13 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é.