Langage HTML : Principales propriétés, descriptions et valeurs

Voici une liste (non exhaustive) des principales propriétés utilisées en HTML.

Pour chacune d'elles, je vous indique ses valeurs possibles, ce à quoi elle correspond, et un exemple de syntaxe.

Propriété	Valeur(s)	Description	Exemple
font-size	xx-small, x-small, small, medium, large, x-large, xx-large, larger, smaller, ou taille définie en pixels (px) cm (cm), mm (mm), point (pt), pourcentage (%)	Taille de la police	font-size: 12pt
font-family	* serif, sans-serif, cursive, fantasy, monospace, * ou nom de la police (Arial, Verdana, ...)	Type de police	font-family: Arial
font-weight	* normal, bold, bolder, lighter, * ou valeur numérique de 100 à 900 (par tranche de 100)	Poids de la police	font-weight: bold
font-style	* normal, * italic (oblique)	Style de police	font-style: italic
line-height	* point (pt), *  pourcentage (%)	Hauteur de la ligne	line-height: 5pt
color	* nom * ou valeur de la couleur	Couleur	color: green
background-image	URL du fichier	Image d'arrière-plan	background-image: url(image/fichier.gif)
background-repeat	* repeat , * no-repeat, * repeat-x, * repeat-y	Répétition de l'arrière-plan	background-repeat: no-repeat
background-attachment	* scroll * fixed	Effet de filigrane	background-attachment: fixed
background-position	* top, * center, * bottom, * left, * right	Position de l'arrière-plan (verticale et horizontale)	background-position: center center
vertical-align	* baseline, * sub, * super, * top, * text-top, * middle, * bottom, * text-bottom, * ou valeurs en pourcentage	Alignement vertical	vertical-align: top
text-align	* left, * right, * center, * justify	Alignement du texte	text-align: justify
text-indent	* valeur en pixel * ou pourcentage	Retrait de la première ligne	text-indent: 10px
text-decoration	* none, * underline, * overline, * line-through	Décoration du texte	text-decoration: overline
margin-left (ou -right, -top, -bottom)	* valeur en pixel * ou pourcentage	Valeurs des marges	margin-right: 10px
border-left (ou -right, -top, -bottom)	* medium, * thick, * ou un style	type de bordure	border-top: medium
border-x-width (remplacer x par right, left, top, bottom)	* medium, * thick * ou taille.	Taille de la bordure	border-top-width: 15
border-style	* none, * dotted, * dashed, * solid, * double, * groove, * ridge, * inset, * outset	style de bordure	border-stylet: ridge
border-color	* nom * ou valeur hexadécimale de la couleur	Couleur de la bordure	border-color: red
letter-spacing	* normal * ou valeur en point	Espacement des lettres	letter-spacing: 2pt

---

Comments

[Swann]

Excellent !!
ça va m'être super utile, merci beaucoup :) 

[Philippe F]

Merci

[Mamafati]

Ton blog est très interessant, c'est dommage que je n'ai jamais le temps d'en profiter. J'ai tant de lacunes et sur mon blog, je n'ose pas utiliser le mode avancé.
Bon week-end***
Mamafati

[Krio]

merci pour ces conseils ! clic du dimanche $$

[Dany85]

toujours des infos intéressantes, $$, bonne journée au chaud

[mahassine]

bravo pour ce que tu fais , bisous $$$

[Bidouillette/Tibilisfil]

Je vais me lancer dedans, mais d'abord finir certaines choses! J'aime trop comprendre comment çà fonctionne!!!! Merciiiiiiiiiii cloc! lol!

[katty72]

merci encore pour ce partage bisous +$$

[mentale]

je me posais une question.. tu travailles dans l'informatique?
bise$$

[Aurelie]

J'ai travaillé 2 ans dans l'ergonomie de programmes informatiques pour écran tactile, mais sinon, j'ai appris sur le tas ! Bises a toi

[Eliane]

merci  ca peut servir, surtout que je suis allée dans le css  arghhhh

dur dur    perdu beaucoup au niveau des articles !! pufff

bisous
je passe demain matin pour un nouveau cycl€  bisou  et belle fin de journée