Comme l'indique son nom, il s'agit d'un mémento. Ceci n'a pas pour but de vous donner un cours de CSS mais plutôt un aperçu de la plupart des fonctions existantes.
background : Définit toutes les propriétés de background. Elle regroupe les propriétés background-color, background-image, background-attachment, background-repeat, background-position.
background-color : Couleur d'arrière-plan.
background-image : Image d'arrière-plan.
background-attachment : Effet de filigrane.
background-repeat : Effet de répétition.
background-position : Position d'arrière plan.
Détails :
background: regroupe en une seule propriété les 5 précédentes
exemple: background: rgb(120, 100, 214), #005500
background-color: Couleur de fond
rgb(120, 100, 214),
#005500,
blue.
background-image: Image de fond
exemple: background-image:url("fond.jpg");
background-attachment
scroll, fixed
background-position: Mise en page précise de l'image
exemple: background-position:20 20;
background-repeat
repeat, repeat-x, repeat-y, no-repeat
Bordures
border[-top, -left, -right, -bottom] : Bordure en général. Regroupe les propriétés border-width, border-style et border-color.
border[-top, -left, -right, -bottom]-width : Épaisseur de la bordure
border[-top, -left, -right, -bottom]-color : Couleur de la bordure
border[-top, -left, -right, -bottom]-style : Type de la bordure
padding: Permet de définir la valeur des 4 paddings (top - right - bottom - left)
Positionnement (CSS 2)
position : Mode de positionnement
top : Position à partir du haut
left : Position à partir de la gauche
bottom : Position à partir du bas
right : Position à partir de la droite
width : Largeur
min-width : Largeur minimale
max-width : Largeur maximale
height : Hauteur
min-height : Hauteur minimale
max-height : Hauteur maximale
overflow : Passage d'élément au contenu trop important
direction : Direction
float : Cours du texte
clear : Suite pour le cours du texte
z-index : Position de la couche en cas de superposition
display : Mode d'affichage ou plutôt non affichage sans prendre de place
visibility : Affichage ou non affichage avec réservation de place
clip : Limiter le domaine d'affichage
Details:
position: vous pouvez déterminer le mode de positionnement. Les mentions suivantes sont permises:
absolute : Positionnement absolu, mesuré à partir du bord de l'élément parent; peut défiler.
fixed : Positionnement absolu, mesuré à partir du bord de l'élément parent; reste fixe lors du défilement. .
relative : Positionnement relatif mesuré à partir de la position de départ de l'élément proprement dit.
static : Pas de positionnement spécial, flux normal de l'élément (réglage par défaut).
overflow: vous pouvez définir comment des éléments intérieurs, au contenu trop important, doivent être traités. Les données suivantes sont possibles:
visible : L'élément sera agrandi de manière à ce que son contenu soit complètement visible dans tous les cas.
hidden : L'élément sera coupé s'il dépasse les limites.
scroll : L'élément sera coupé s'il dépasse les limites. Le navigateur WWW doit pourtant proposer des barres de défilement, un peu comme dans une fenêtre cadre incorporée.
auto : Le navigateur Web doit décider en cas de conflit, comment l'élément sera affiché. Proposer des barres de défilement est également permis.
direction: vous pouvez fixer le sens d'écriture. Les mentions suivantes sont possibles:
ltr : de gauche à droite.
rtl : de droite à gauche.
float: vous pouvez spécifier que les éléments suivants passent sur les côtés de l'élément/du passage actuel. Les données suivantes sont possibles:
left : L'élément se trouve à gauche et sera entouré par la droite des éléments qui le suivent.
right : L'élément se trouve à droite et sera entouré par la gauche des éléments qui le suivent.
none : L'élément ne sera pas entouré (réglage normal).
clear: vous pouvez interrompre le cours du texte pour en forcer la poursuite sous l'élément/le passage entouré. Les données suivantes sont possibles:
left : impose pour float:left la poursuite dessous.
right : impose pour float:right la poursuite dessous.
both : impose dans chaque cas la poursuite dessous.
none : n'impose pas de poursuite dessous. (réglage normal).
visibility: vous pouvez spécifier si un élément est affiché au début ou non. Les mentions suivantes sont possibles:
hidden : Le contenu de l'élément est d'abord caché (non affiché).
visible : Le contenu de l'élément est d'abord affiché (réglage normal).
font : Définit toutes les propriétés de font. Elle regroupe les 6 propriétés : font-style, font-variant, font-weight, font-size, line-height, font-family. Pour des raisons de compatibilité, il peut être préférable d'utiliser chacune de ces propriétés individuellement.
font-style : Style de police
font-variant : Variante de police
font-weight : Graisse de police
font-size : Taille de police
line-height : Taille de l'interligne
font-family : Famille de police
font-stretch : Étirement de la police (CSS 2)
word-spacing : Espace des mots
letter-spacing : Espace des signes
text-decoration : Décoration du texte
text-transform : Transformation du texte
color : Couleur du texte
text-shadow : Ombrage du texte (CSS 2)
Détails :
font: Cette propriété permet de définir en une seule fois toutes les propriétés de font.
