manuel de référence CSS

règle CSS (RULES)

大全 des attributs CSS

CSS @règle (At)-règles)CSS z-index propriété

Manuel complet des attributs CSS (par fonction)

Recherche des attributs CSS par ordre alphabétique, cette partie contient les CSS les plus récents3Complète liste des attributs de norme. Tous les attributs sont divisés en attributs d'animation, attributs de fond, attributs de bordure, attributs de couleur, dimensions de hauteur et de largeur, boîte flexible Flex, attributs de police, attributs d'élément de liste, attributs de marge, attributs de contour, attributs de police de texte, attributs visuels, etc.

Propriétés d'animation (Animation)

Propriété	Description
`animation`	Spécifier l'animation basée sur les claveaux.
`animation-delay`	Spécifier quand l'animation doit commencer.
`animation-direction`	Spécifier si l'animation doit être jouée en sens inverse dans un cycle alternatif.
`animation-duration`	Spécifier le nombre de secondes ou de millisecondes que l'animation doit coûter pour terminer un cycle.
`animation-fill-mode`	Spécifier comment les styles doivent être appliqués au cible de l'animation avant et après son exécution.
`animation-iteration-count`	Spécifier le nombre de fois que l'animation doit être jouée avant d'arrêter.
`animation-name`	spécification`@keyframes`Nom de l'animation appliquée à l'élément sélectionné.
`animation-play-state`	Spécifier si l'animation doit s'exécuter ou être en pause.
`animation-timing-function`	Spécifier comment la CSS animation doit se dérouler à chaque cycle.

Propriétés de fond (Background)

Propriété	Description
`background`	Définir diverses propriétés de fond dans une déclaration.
`background-attachment`	Spécifier si l'image de fond est fixe dans la vue ou défilante.
`background-clip`	Spécifier la zone de dessin du fond.
`background-color`	Définir la couleur de fond de l'élément.
`background-image`	Définir l'image de fond de l'élément.
`background-origin`	Spécifier la zone de positionnement de l'image de fond.
`background-position`	Définir l'origine de l'image de fond.
`background-repeat`	Spécifier si/Comment tiler l'image de fond.
`background-size`	Spécifier la taille de l'image de fond.

Propriétés de bordure (Border)

Propriété	Description
`border`	Définir la largeur, le style et la couleur de la bordure sur les quatre côtés de l'élément.
`border-bottom`	Définir la largeur, le style et la couleur de la bordure inférieure de l'élément.
`border-bottom-color`	Définir la couleur de la bordure inférieure de l'élément.
`border-bottom-left-radius`	Définir la forme de l'angle inférieur gauche de l'élément.
`border-bottom-right-radius`	Définir la forme de la limite inférieure droite de l'élément.
`border-bottom-style`	Définir le style de la bordure inférieure de l'élément.
`border-bottom-width`	Définir la largeur de la bordure inférieure de l'élément.
`border-color`	Définir la couleur de la bordure sur les quatre côtés de l'élément.
`border-image`	Spécifier comment utiliser l'image pour remplacer le style de bordure.
`border-image-outset`	Spécifier le nombre de zones d'image de bordure qui dépassent la bordure.
`border-image-repeat`	Spécifier si l'image de bordure doit être répétée, arrondie ou étirée.
`border-image-slice`	Spécifier le décalage vers l'intérieur de la bordure d'image.
`border-image-source`	Spécifier l'emplacement de l'image à utiliser comme bordure.
`border-image-width`	Spécifier la largeur de la bordure de l'image.
`border-left`	Définir la largeur, le style et la couleur de la bordure gauche de l'élément.
`border-left-color`	Définir la couleur de la bordure gauche de l'élément.
`border-left-style`	Définir le style de la bordure gauche de l'élément.
`border-left-width`	Définir la largeur de la bordure gauche de l'élément.
`border-radius`	Définir la forme de l'angle de l'élément.
`border-right`	Définir la largeur, le style et la couleur de la bordure droite de l'élément.
`border-right-color`	Définir la couleur de la bordure droite de l'élément.
`border-right-style`	Définir le style de la bordure droite de l'élément.
`border-right-width`	Définir la largeur de la bordure droite de l'élément.
`border-style`	Définir le style de la bordure sur les quatre faces de l'élément.
`border-top`	Définir la largeur, le style et la couleur de la bordure supérieure de l'élément.
`border-top-color`	Définir la couleur de la bordure supérieure de l'élément.
`border-top-left-radius`	Définir la forme de l'angle supérieur gauche de l'élément.
`border-top-right-radius`	Définir la forme de l'angle supérieur droit de l'élément.
`border-top-style`	Définir le style de la bordure supérieure de l'élément.
`border-top-width`	Définir la largeur de la bordure supérieure de l'élément.
`border-width`	Définir la largeur de la bordure sur les quatre côtés de l'élément.

Propriété de couleur (Color)

Propriété	Description
`color`	Définir la couleur du texte de l'élément.
`opacity`	Définir l'opacité de l'élément.

Propriété de dimension (Size)

Propriété	Description
`height`	Définir la hauteur de l'élément.
`max-height`	Définir la hauteur maximale de l'élément.
`max-width`	Définir la largeur maximale de l'élément.
`min-height`	Définir la hauteur minimale de l'élément.
`min-width`	Définir la largeur minimale de l'élément.
`width`	Définir la largeur de l'élément.

Propriété de contenu (Content)

Propriété	Description
`content`	Insérer du contenu généré.
`quotes`	Définir les guillemets utilisés pour les citations incluses.
`counter-reset`	Créer ou réinitialiser un ou plusieurs compteurs.
`counter-increment`	Incémenter une ou plusieurs valeurs de compteur.

Mise en page de boîte flexible (Flex)

Propriété	Description
`align-content`	Définir la méthode d'alignement des conteneurs flexibles dans les conteneurs flexibles.
`align-items`	Définir l'alignement par défaut des éléments dans le conteneur flex.
`align-self`	Définir la méthode d'alignement des éléments sélectionnés dans le conteneur élastique.
`flex`	Définir la composante de longueur élastique.
`flex-basis`	Définir la taille initiale principale de l'élément élastique.
`flex-direction`	Définir la direction de l'élément élastique.
`flex-flow`	`flex-direction`et`flex-wrap`propriété abrégée de l'attribut.
`flex-grow`	Définir la manière dont un élément élastique s'étend par rapport aux autres éléments du conteneur élastique.
`flex-shrink`	Définir la manière dont un élément flex relâché se rétrécit par rapport aux autres éléments du conteneur flex.
`flex-wrap`	Définir si les éléments flexibles doivent être enveloppés.
`justify-content`	Définir comment les éléments élastiques s'alignent le long de l'axe principal du conteneur élastique après que les longueurs élastiques et les marges automatiques ont été résolues.
`order`	Définir l'ordre d'affichage et de mise en page des éléments élastiques dans le conteneur élastique.

Propriété de police (Fonts)

Propriété	Description
`font`	Définir divers attributs de police dans une déclaration.
`font-family`	Définir la liste des polices de l'élément.
`font-size`	Définir la taille de la police du texte.
`font-size-adjust`	Conserver la lisibilité du texte lors du retour en arrière de la police.
`font-stretch`	Choisir une police ordinaire, compressée ou étendue dans la police.
`font-style`	Définir le style de la police du texte.
`font-variant`	Définir la variante de la police.
`font-weight`	Définir la gravité du texte.

Propriété de l'élément de liste (Lists)

Propriété	Description
`list-style`	Définir le style d'affichage des listes et des éléments de liste.
`list-style-image`	Définir l'image utilisée comme marque de l'élément de liste.
`list-style-position`	Définir l'emplacement de la marque de l'élément de liste.
`list-style-type`	Définir le style de marque de l'élément de liste.

Propriété de marge (Margin)

Propriété	Description
`margin`	Définir les marges sur les quatre faces de l'élément.
`margin-bottom`	Définir la marge inférieure de l'élément.
`margin-left`	Définir la marge gauche de l'élément.
`margin-right`	Définir la marge droite de l'élément.
`margin-top`	Définir le marge supérieure de l'élément.

Propriété de mise en page en colonnes (Column)

Propriété	Description
`column-count`	Définir le nombre de colonnes dans les éléments multiples.
`column-fill`	Définir comment remplir les colonnes.
`column-gap`	Définir l'intervalle entre les colonnes des éléments multiples.
`column-spécification du style de la largeur régulière dessinée entre les colonnes dans un agencement multicolonne.`	Définir une ligne ou une règle dessinée entre chaque colonne d'éléments multiples.
`column-spécification du style de la largeur régulière dessinée entre les colonnes dans un agencement multicolonne.-color`	spécification de la couleur de la largeur régulière dessinée entre les colonnes dans un agencement multicolonne.
`column-spécification du style de la largeur régulière dessinée entre les colonnes dans un agencement multicolonne.-style`	spécification de la couleur de la largeur régulière dessinée entre les colonnes dans un agencement multicolonne.
`column-spécification du style de la largeur régulière dessinée entre les colonnes dans un agencement multicolonne.-width`	rule
`column-spécification de la largeur régulière dessinée entre les colonnes dans un agencement multicolonne.`	spécification du nombre de colonnes que l'élément traverse dans un agencement multicolonne.
`column-width`	spécification de la largeur optimale des colonnes dans un élément multicolonne.
`columns`	utilisé pour réglage`column-width`et`column-count`propriété abrégée de l'attribut.

propriétés de conture (Outline)

Propriété	Description
`outline`	réglage de la largeur, du style et de la couleur de toutes les quatre côtés de la conture de l'élément.
`outline-color`	réglage de la couleur de la conture.
`outline-offset`	réglage de l'espace entre la conture et la bordure de l'élément.
`outline-style`	réglage du style de la conture.
`outline-width`	réglage de la largeur de la conture.

propriétés de remplissage (Padding)

Propriété	Description
`padding`	réglage du remplissage sur les quatre faces de l'élément.
`padding-bottom`	réglage du remplissage en bas de l'élément.
`padding-left`	réglage du remplissage à gauche de l'élément.
`padding-right`	réglage du remplissage à droite de l'élément.
`padding-top`	réglage du remplissage en haut de l'élément.

propriétés d'impression (Print)

Propriété	Description
`page-break-after`	insertion d'un saut de page après l'élément.
`page-break-before`	insertion d'un saut de page avant l'élément.
`page-break-inside`	insertion d'un saut de page à l'intérieur de l'élément.

propriétés de tableau (Table)

Propriété	Description
`border-collapse`	spécification de ce qui relie ou sépare les bordures des cellules du tableau.
`border-spacing`	réglage de l'espacement entre les bordures des cellules adjacentes du tableau.
`caption-side`	spécification de la position du titre du tableau.
`empty-cells`	affichage ou masquage des bordures et des arrière-plans des cellules vides de tableau.
`table-layout`	spécification de l'algorithme de mise en page du tableau.

propriétés de texte (Text)

Propriété	Description
`direction`	définition de la direction du texte./direction d'écriture.
`tab-size`	spécification de la longueur du tabulaire.
`text-align`	réglage de l'alignement horizontal du contenu en ligne.
`text-align-last`	spécification de la manière dont`text-align`comment aligner la dernière ligne du bloc ou le saut de ligne forcé précédent lorsque l'attribut est réglé`justify`.
`text-decoration`	spécification de la décoration à ajouter au texte.
`text-decoration-color`	couleur spécifiée`text-decoration-line`.
`text-decoration-line`	spécification de quel type de décoration de ligne ajouter à l'élément.
`text-decoration-style`	spécification`text-decoration-line`style de ligne spécifié par l'attribut
`text-indent`	retrait du premier paragraphe de texte.
`text-justify`	spécification de la manière dont`text-align`méthode de justification utilisée lorsque l'attribut est réglé`justify`.
`text-overflow`	spécification de la manière dont le contenu textuel s'affiche lorsque le contenu dépasse le conteneur de bloc.
`text-shadow`	application d'une ou plusieurs ombres sur le contenu textuel de l'élément.
`text-transform`	conversion de la casse du texte.
`line-height`	réglage de la hauteur entre les lignes de texte.
`vertical-align`	réglage de la position verticale de l'élément par rapport à la ligne de base du texte.
`letter-spacing`	réglage de l'espacement supplémentaire entre les lettres.
`word-spacing`	Définir l'espacement entre les mots.
`white-space`	Spécifier comment traiter les espaces dans un élément.
`word-break`	Spécifier comment sauter une ligne à l'intérieur d'un mot.
`word-wrap`	Spécifier si le mot doit être interrompu lorsque le contenu dépasse les limites du conteneur.

Transformation propriété (Transform)

Propriété	Description
`backface-visibility`	Spécifier si le "côté arrière" de l'élément transformé est visible lorsque l'élément est face à l'utilisateur.
`perspective`	Définir la perspective des éléments tous les sous-éléments visibles depuis l'objet.
`perspective-origin`	Définir l'origine de l'attribut de perspective (3Le point de fuite de l'espace D).
`transform`	Transformer2Doublon3DTransformation appliquée à l'élément.
`transform-origin`	Définir l'origine de transformation de l'élément.
`transform-style`	Spécifier comment3Rendu des éléments imbriqués dans l'espace D.

Transition propriété (Transition)

Propriété	Description
`transition`	Définir la transition entre deux états d'un élément.
`transition-delay`	Spécifier quand l'effet de transition commence.
`transition-duration`	Spécifier le nombre de secondes ou de millisecondes que doit durer l'effet de transition.
`transition-property`	Spécifier le nom de la propriété CSS à laquelle l'effet de transition doit être appliqué.
`transition-timing-function`	Spécifier la courbe de vitesse de l'effet de transition.

Propriétés de format visuel

Propriété	Description
`display`	Spécifier la manière dont l'élément est affiché sur l'écran.
`position`	Spécifier comment positionner l'élément.
`top`	Spécifier la position de la marge supérieure de l'élément positionné.
`right`	Spécifier la position de la marge droite de l'élément positionné.
`bottom`	Spécifier la position de la base de l'élément positionné.
`left`	Spécifier la position de la marge gauche de l'élément positionné.
`float`	Spécifier si une boîte doit flotter ou non.
`clear`	Spécifier la position de l'élément par rapport à l'élément flottant.
`z-index`	Spécifier l'ordre de couche ou l'ordre d'empilement des éléments positionnés.
`overflow`	Spécifier la gestion du contenu pour les éléments dépassant la boîte de l'élément.
`overflow-x`	Spécifier comment gérer le contenu lorsque le contenu dépasse la largeur de la zone de contenu de l'élément.
`overflow-y`	Spécifier comment gérer le contenu lorsque le contenu dépasse la hauteur de la zone de contenu de l'élément.
`resize`	Spécifier si un élément peut être redimensionné par l'utilisateur.
`clip`	Définir la zone de coupe.
`visibility`	Spécifier si un élément est visible ou non.
`cursor`	Spécifier le type de curseur.
`box-shadow`	Appliquer une ou plusieurs ombres à la boîte d'un élément.
`box-sizing`	Modifier le modèle de boîte CSS par défaut.

CSS @règle (At)-règles)CSS z-index propriété