> Le Site du Zéro - Informatique

> Cours

> Tutoriels

> Site Web

> HTML / CSS

> Apprenez à créer votre site web avec HTML5 et CSS3

> Annexes

> Mémento des propriétés CSS

> Lecture du tutoriel

Mémento des propriétés CSS

Par

Mathieu Nebra (M@teo21)

Mise à jour : 01/11/2011

Difficulté : Facile Facile

208 199 visites depuis 7 jours, dont 7 621 sur ce chapitre classé 1/786

Cette page est une liste non exhaustive des propriétés CSS qui existent en CSS3. Pour la plupart, ce sont des propriétés que nous avons vues dans le cours, mais vous trouverez aussi quelques nouvelles propriétés que nous n'avons pas abordées.

La liste est non exhaustive car mon but n'est pas de faire la liste de toutes les propriétés CSS qui peuvent exister : il y en a vraiment trop (plus de deux cents !) et certaines sont très rarement utilisées.

Retour en haut

Sommaire du chapitre :

Propriétés de mise en forme du texte
Propriétés de couleur et de fond
Propriétés des boîtes
Propriétés de positionnement et d'affichage
Propriétés des listes
Propriétés des tableaux
Autres propriétés

Retour en haut

Propriétés de mise en forme du texte

Je résume ici la plupart des propriétés de mise en forme du texte.

Qu'est-ce que la mise en forme de texte ? C'est tout ce qui touche à la présentation du texte proprement dit : le gras, l'italique, le souligné, la police, l'alignement, etc.

Propriété	Description
font-family	Nom de police
@font-face	Police personnalisée
font-size	Taille du texte
font-weight	Gras
font-style	Italique
text-decoration	Soulignement, ligne au-dessus, barré ou clignotant
font-variant	Petites capitales
text-transform	Capitales
font	Super propriété de police. Combine : font-weight, font-style, font-size, font-variant, font-family.
text-align	Alignement horizontal
vertical-align	Alignement vertical (cellules de tableau ou éléments <minicodeinline-block</minicode> uniquement)
line-height	Hauteur de ligne
text-indent	Alinéa
white-space	Césure
word-wrap	Césure forcée
text-shadow	Ombre de texte

Retour en haut

Propriétés de couleur et de fond

Propriété	Description
color	Couleur du texte
background-color	Couleur de fond
background-image	Image de fond
background-attachment	Fond fixe
background-repeat	Répétition du fond
background-position	Position du fond
background	Super propriété du fond. Combine : background-image, background-repeat, background-attachment, background-position
opacity	Transparence

Retour en haut

Propriétés des boîtes

& Marge intérieure en haut

Propriété	Description
width	Largeur
height	Hauteur
min-width	Largeur minimale
max-width	Largeur maximale
min-height	Hauteur minimale
max-height	Hauteur maximale
margin-top	Marge en haut
margin-left	Marge à gauche
margin-right	Marge à droite
margin-bottom	Marge en bas
margin	Super-propriété de marge. Combine : margin-top, margin-right, margin-bottom, margin-left.
padding-left	Marge intérieure à gauche
padding-right	Marge intérieure à droite
padding-bottom	Marge intérieure en bas
padding	Super-propriété de marge intérieure. Combine : padding-top, padding-right, padding-bottom, padding-left.
border-width	Épaisseur de bordure
border-color	Couleur de bordure
border-style	Type de bordure
border	Super-propriété de bordure. Combine border-width, border-color, border-style. Existe aussi en version border-top, border-right, border-bottom, border-left.
border-radius	Bordure arrondie
box-shadow	Ombre de boîte

Retour en haut

Propriétés de positionnement et d'affichage

Propriété	Description
display	Type d'élément (block, inline, inline-block, none…)
visibility	Visibilité
clip	Affichage d'une partie de l'élément
overflow	Comportement en cas de dépassement
float	Flottant
clear	Arrêt d'un flottant
position	Positionnement
top	Position par rapport au haut
bottom	Position par rapport au bas
left	Position par rapport à la gauche
right	Position par rapport à la droite
z-index	Ordre d'affichage en cas de superposition

Retour en haut

Propriétés des listes

Propriété	Description
list-style-type	Type de liste
list-style-position	Position en retrait
list-style-image	Puce personnalisée
list-style	Super-propriété de liste. Combine list-style-type, list-style-position, list-style-image.

Retour en haut

Propriétés des tableaux

Propriété	Description
border-collapse	Fusion des bordures
empty-cells	Affichage des cellules vides
caption-side	Position du titre du tableau

Retour en haut

Autres propriétés

Propriété	Description
cursor	Curseur de souris

Retour en haut

Retour en haut

Lire aussi

	Mémento des balises HTML
	Animez votre site avec CSS3 !
	Des techniques modernes pour l'agencement en colonnes
	TP : création d'un site pas à pas

Retour en haut

89 commentaires pour "Mémento des propriétés CSS"

Note moyenne : 3.85 / 4 (3160 votes)

Pseudo	Commentaire
wizz.thib8	# Posté le 13/03/2012 à 17:25:56
Avis : Très bon	Ma permi de m'aider a réaliser mon blog sans assistant.
Thanen Isandond	# Posté le 18/03/2012 à 17:49:33
Avis : Très bon	M@théo21... Je t'aime
totoduzero	# Posté le 18/04/2012 à 13:48:02
J'apprend j'apprend Avis : Très bon	Bara Kuda relit le cour.... vaut pas abuser non plus. Merci M@t, ses surprenant se que certaines personne sont prêtes a faire pour les autres :D. Un idiot debout va plus loin que deux génie assis!
C0D59	# Posté le 24/05/2012 à 20:06:50
Geek attitude	Salut, pour ce que ça intéresse et qui sont sous notepad++ faite: CTRL+TAB ça vous fait une liste déroulante de plein de proprieter CSS, de même en PHP. P-S: Pour ce qui ce demande comment j'ai trouver ca j'ai voulus faire: CTRL + V mais j'ai fait TAB(espace)
cedric.gel	# Posté il y a 23 min
	Citation : C0D59 Salut, pour ce que ça intéresse et qui sont sous notepad++ faite: CTRL+TAB ça vous fait une liste déroulante de plein de proprieter CSS, de même en PHP. P-S: Pour ce qui ce demande comment j'ai trouver ca j'ai voulus faire: CTRL + V mais j'ai fait TAB(espace) Y'à aussi CTRL+Tabulation : permet de naviguer entre les différentes pages crées Dommage que tu ai changées le récap des propriétés M@théo... Je trouve que c'était mieux avant En tout cas merci pour tout