Guide du CSS

L'essentiel

taille du texte texte en italique texte en gras interligne famille de polices raccourci pour la police alinéa alignement du texte

Rare

soulignement sur- sous- barré position de la ligne de décoration type de ligne de décoration couleur de la ligne de décoration changement de casse petites capitales police personnalisée contrôle de la taille de police espacement entre les lettres espacement entre les mots alignement de la dernière ligne alignement vertical type de guillemets crénage de la police couleur de remplissage des caractères orientation des caractères dans un texte vertical contour des caractères couleur du contour des caractères épaisseur du contour des caractères direction d'écriture

Césures

espaces et césures césure des mots longs césure des mots longs troncature, barres de défilement overflow horizontal overflow vertical taille de tabulation ajout de points de suspension insertion des césures limitation du texte par nombre de lignes

Couleur

couleur du texte

Bordures

raccourci pour la bordure bordure gauche bordure droite bordure supérieure bordure inférieure épaisseur de la bordure type de bordure couleur de la bordure épaisseur de la bordure gauche épaisseur de la bordure droite épaisseur de la bordure supérieure épaisseur de la bordure inférieure type de la bordure gauche type de la bordure droite type de la bordure supérieure type de la bordure inférieure couleur de la bordure gauche couleur de la bordure droite couleur de la bordure supérieure couleur de la bordure inférieure

Arrondi

coins arrondis coin supérieur gauche coin supérieur droit coin inférieur gauche coin inférieur droit

Contour

raccourci pour le contour épaisseur du contour type de contour couleur du contour décalage du contour

Arrière-plan

propriété raccourcie pour l'arrière-plan couleur d'arrière-plan image d'arrière-plan comportement de l'arrière-plan lors du défilement position de l'image d'arrière-plan mode de répétition de l'arrière-plan position de l'image d'arrière-plan position de l'arrière-plan position de l'arrière-plan horizontalement position de l'arrière-plan verticalement taille de l'image d'arrière-plan flou de l'arrière-plan luminosité de l'arrière-plan contraste de l'arrière-plan ombre de l'arrière-plan teinte de l'arrière-plan inversion des couleurs de l'arrière-plan transparence de l'arrière-plan sépia de l'arrière-plan effets d'arrière-plan fusion de l'image d'arrière-plan avec la couleur d'arrière-plan mode de fusion de la couleur source avec l'arrière-plan style pour l'arrière-plan

Ombres

ombre du texte ombre du conteneur

Transparence

transparence visibilité des éléments

Dégradés

linéaire radial linéaire répétitif radial répétitif

Rognage

rognage crée une zone de découpe pour l'élément propriété raccourcie pour travailler avec les masques définit la position du masque par rapport à l'élément définit l'image pour le masque définit comment le masque interagit avec l'arrière-plan définit la taille du masque définit la répétition du masque définit la zone de positionnement du masque définit la zone de rognage du masque définit comment plusieurs masques se combinent

Image de bordure

bordure sous forme d'image chemin de l'image de bordure découpage de l'image pour la bordure en parties mode de répétition de l'image de bordure décalage de l'image de bordure mise à l'échelle de l'image de bordure

Interaction avec la souris

sélection de texte interdiction de sélection de texte réaction à la souris apparence du curseur

Style

priorité du style style pour le type de support style des éléments dont les fonctionnalités sont prises en charge par le navigateur importation d'un fichier CSS dans la feuille de style actuelle style des éléments par défaut style des éléments en mode plein écran style des éléments avec une plage de valeurs définie style pour les interrupteurs qui sont dans un état indéterminé style pour l'input dans lequel une valeur incorrecte a été saisie style pour l'input qui n'a pas d'attribut required style des éléments dont les valeurs sortent de la plage style des éléments lors de l'affichage du texte d'aide style des inputs avec l'attribut readonly style des inputs disponibles pour modification style pour l'input qui a l'attribut required défini style pour les inputs dans lesquels une valeur correcte a été saisie couleur du curseur de texte dans l'input style des éléments ayant le focus défilement à l'intérieur de l'élément

Listes

type de puces de liste position des puces image pour les puces raccourci pour les listes

Tableaux

fusion des bordures espacement entre les cellules affichage des cellules vides calcul des cellules de tableau

Liens

lien non visité lien visité survol du lien clic sur le lien

Formulaires

champ en focus indication dans le champ case à cocher ou bouton radio sélectionné champ inactif champ actif

Dimensions

largeur du bloc hauteur du bloc largeur minimale largeur maximale hauteur minimale hauteur maximale

Marges

marge externe marge externe supérieure marge externe inférieure marge externe gauche marge externe droite marge interne marge interne supérieure marge interne inférieure marge interne gauche marge interne droite marge interne finale de l'élément selon l'axe de bloc marge interne initiale de l'élément selon l'axe de bloc marge interne finale de l'élément selon l'axe en ligne marge interne initiale de l'élément selon l'axe en ligne

Divers

méthode de calcul du padding, de la bordure et de la largeur mode d'affichage des éléments redimensionnement ratio d'aspect de l'élément mise à l'échelle des éléments

Calculs

opérations mathématiques limitation d'une valeur dans une plage minimum parmi les valeurs maximum parmi les valeurs

Unités de mesure

taille en pixels taille en em taille en rem taille en pourcentages taille en fractions taille en vw taille en vh taille en vmax taille en vmin

Flexbox

direction des axes alignement sur l'axe principal alignement sur l'axe transversal disposition multiligne des blocs raccourci pour flex-direction et flex-wrap alignement du bloc sur l'axe transversal ordre de succession taille de base du bloc "avidité" du bloc facteur de "compressibilité" du bloc raccourci pour flex-grow, flex-shrink et flex-basis

Grilles

position de départ de l'élément dans la colonne position finale de l'élément dans la colonne positions de départ et de fin de l'élément dans la colonne position de départ de l'élément dans la ligne position finale de l'élément dans la ligne positions de départ et de fin de l'élément dans la ligne nombre et largeur des colonnes dans la grille nombre et largeur des colonnes dans la grille implicite nombre et largeur des lignes dans la grille nombre et largeur des lignes dans la grille implicite placement des éléments dans la grille nom de l'élément dans la grille distance entre les éléments dans la grille distance entre les lignes dans la grille distance entre les colonnes dans la grille écriture abrégée des propriétés de la grille placement automatique des éléments dans la grille nombre et largeur des colonnes et des lignes pour l'élément alignement sur l'axe transversal ou vertical alignement des éléments à l'intérieur des cellules de la grille sur l'axe horizontal alignement des éléments à l'intérieur des cellules de la grille alignement d'un élément individuel dans la grille sur l'axe horizontal alignement d'un élément individuel dans la grille alignement sur les axes principal et transversal

Positionnement

positionnement position sur l'axe Z positionnement après le premier élément position du bord inférieur de l'élément position du bord supérieur de l'élément position du bord gauche de l'élément position du bord droit de l'élément position du titre du tableau

Habillage

éléments flottants annule le float pour les éléments supérieurs définit la forme de l'habillage marge lors de l'habillage

Colonnes

nombre de colonnes distance entre les colonnes bordure entre les colonnes largeur des colonnes étirement de l'élément sur les colonnes largeur et nombre de colonnes

Négation

Par position

premier enfant du parent dernier enfant du parent nième enfant du parent nième enfant du parent à partir de la fin seul enfant du parent

Par type et position

premier enfant du parent du type spécifié dernier enfant du parent du type spécifié nième enfant du parent du type spécifié nième enfant du parent du type spécifié à partir de la fin seul enfant du parent du type spécifié

Divers

élément vide par langue du texte élément cible

Partie de texte

première lettre première ligne de texte

Transitions fluides

durée de transition délai avant exécution propriété animée vitesse d'animation propriété raccourcie

Animation

images clés d'animation nom de l'animation durée d'exécution délai avant exécution vitesse d'animation nombre de répétitions direction de l'animation état de l'animation pause propriété raccourcie

Transformations

transformation point de transformation

Rotation

rotation rotation sur l'axe X rotation sur l'axe Y rotation sur l'axe Z rotation sur tous les axes

Mise à l'échelle

mise à l'échelle mise à l'échelle sur l'axe X mise à l'échelle sur l'axe Y

Inclinaison

inclinaison inclinaison sur l'axe X inclinaison sur l'axe Y

Translation

translation translation sur l'axe X translation sur l'axe Y

Insertion de texte

texte après l'élément texte avant l'élément texte pour after et before contenu de l'attribut

Compteurs

numérotation automatique des éléments réinitialisation du compteur

Sélecteurs

sélecteur contextuel sélecteur d'enfant sélecteur adjacent sélecteur de frère général sélecteur universel

Sélecteurs

sélecteur par nom d'attribut sélecteur par valeur d'attribut sélecteur par début de valeur d'attribut sélecteur par fin de valeur d'attribut sélecteur d'attribut par texte sélecteur par l'une des valeurs d'attribut sélecteur d'attribut par trait d'union dans la valeur

↑