Aller au menu - Aller au contenu

Icône Mémento des propriétés CSS

Mise à jour : 01/11/2011
Difficulté : Facile Facile Creative Commons BY-NC-SA
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.
Sommaire du chapitre :
Icône du chapitre
Chapitre précédent Sommaire

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-familyNom de police
@font-facePolice personnalisée
font-sizeTaille du texte
font-weightGras
font-styleItalique
text-decorationSoulignement, ligne au-dessus, barré ou clignotant
font-variantPetites capitales
text-transformCapitales
fontSuper propriété de police. Combine : font-weight, font-style, font-size, font-variant, font-family.
text-alignAlignement horizontal
vertical-alignAlignement vertical (cellules de tableau ou éléments <minicodeinline-block</minicode> uniquement)
line-heightHauteur de ligne
text-indentAlinéa
white-spaceCésure
word-wrapCésure forcée
text-shadowOmbre de texte

Propriétés de couleur et de fond

PropriétéDescription
colorCouleur du texte
background-colorCouleur de fond
background-imageImage de fond
background-attachmentFond fixe
background-repeatRépétition du fond
background-positionPosition du fond
backgroundSuper propriété du fond. Combine : background-image, background-repeat, background-attachment, background-position
opacityTransparence

Propriétés des boîtes

& Marge intérieure en haut
PropriétéDescription
widthLargeur
heightHauteur
min-widthLargeur minimale
max-widthLargeur maximale
min-heightHauteur minimale
max-heightHauteur maximale
margin-topMarge en haut
margin-leftMarge à gauche
margin-rightMarge à droite
margin-bottomMarge en bas
marginSuper-propriété de marge. Combine : margin-top, margin-right, margin-bottom, margin-left.
padding-leftMarge intérieure à gauche
padding-rightMarge intérieure à droite
padding-bottomMarge intérieure en bas
paddingSuper-propriété de marge intérieure. Combine : padding-top, padding-right, padding-bottom, padding-left.
border-widthÉpaisseur de bordure
border-colorCouleur de bordure
border-styleType de bordure
borderSuper-propriété de bordure. Combine border-width, border-color, border-style. Existe aussi en version border-top, border-right, border-bottom, border-left.
border-radiusBordure arrondie
box-shadowOmbre de boîte

Propriétés de positionnement et d'affichage

PropriétéDescription
displayType d'élément (block, inline, inline-block, none…)
visibilityVisibilité
clipAffichage d'une partie de l'élément
overflowComportement en cas de dépassement
floatFlottant
clearArrêt d'un flottant
positionPositionnement
topPosition par rapport au haut
bottomPosition par rapport au bas
leftPosition par rapport à la gauche
rightPosition par rapport à la droite
z-indexOrdre d'affichage en cas de superposition

Propriétés des listes

PropriétéDescription
list-style-typeType de liste
list-style-positionPosition en retrait
list-style-imagePuce personnalisée
list-styleSuper-propriété de liste. Combine list-style-type, list-style-position, list-style-image.

Propriétés des tableaux

PropriétéDescription
border-collapseFusion des bordures
empty-cellsAffichage des cellules vides
caption-sidePosition du titre du tableau

Autres propriétés

PropriétéDescription
cursorCurseur de souris
Chapitre précédent Sommaire

Partager

89 commentaires pour "Mémento des propriétés CSS"
Note moyenne : 3.85 / 4 (3160 votes)
Pseudo Commentaire
Hors ligne wizz.thib8 # Posté le 13/03/2012 à 17:25:56
Avatar

Avis : Très bon

Ma permi de m'aider a réaliser mon blog sans assistant.
Hors ligne Thanen Isandond # Posté le 18/03/2012 à 17:49:33

Avis : Très bon

M@théo21... Je t'aime :p
Hors ligne totoduzero # Posté le 18/04/2012 à 13:48:02
J'apprend j'apprend
Avatar

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!
 
Hors ligne C0D59 # Posté le 24/05/2012 à 20:06:50
Geek attitude
Avatar

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)
Connecté 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 :)

Voir tous les commentaires