Derniers tutoriels de développement web
×

CSS Référence

CSS Référence CSS sélecteurs CSS Les fonctions CSS Référence Aural CSS Safe Web Fonts CSS Animable CSS Unités CSS PX-EM Converter CSS Les couleurs CSS Couleur Valeurs CSS3 support du navigateur

CSS Propriétés

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

Référence CSS


Remarque référence CSS w3ii 'est testé régulièrement avec tous les principaux navigateurs.


Propriétés CSS

Groupes de propriétés CSS


Le "CSS" colonne indique dans quelle version CSS la propriété est définie (CSS1, CSS2, or CSS3) .

Propriétés de couleur

Propriété La description CSS
color Définit la couleur du texte 1
opacity Définit le niveau d'opacité pour un élément 3

Contexte et frontaliers Propriétés

Propriété La description CSS
background Un raccourci pour définir toutes les propriétés d'arrière-plan dans une déclaration 1
background-attachment Définit si une image d'arrière-plan est fixe ou défile avec le reste de la page 1
background-blend-mode Indique le mode de fusion de chaque couche de fond (color/image)
background-color Indique la couleur d'un élément de fond 1
background-image Indique une ou plusieurs images d'arrière-plan pour un élément 1
background-position Indique la position d'une image d'arrière-plan 1
background-repeat Définit comment une image de fond sera répétée 1
background-clip Indique la zone de peinture de l'arrière-plan 3
background-origin Indique où le fond d' image(s) est / sont positionnés 3
background-size Indique la taille de l'arrière - plan d' image(s) 3
border Définit toutes les propriétés de la frontière dans une déclaration 1
border-bottom Définit toutes les propriétés de fond à la frontière dans une déclaration 1
border-bottom-color Définit la couleur de la bordure inférieure
border-bottom-left-radius Définit la forme de la frontière du coin inférieur gauche 3
border-bottom-right-radius Définit la forme de la frontière du coin en bas à droite 3
border-bottom-style Définit le style de la bordure inférieure 1
border-bottom-width Définit la largeur de la bordure inférieure 1
border-color Définit la couleur des quatre frontières 1
border-image Un raccourci pour définir toutes les propriétés de bordure-image- * 3
border-image-outset Indique le montant par lequel la zone d'image de la frontière se prolonge au-delà de la zone frontalière 3
border-image-repeat Indique si l'image de la frontière doit être répétée, arrondie ou étirée 3
border-image-slice Indique comment découper l'image de la frontière 3
border-image-source Indique le chemin d'accès à l'image pour être utilisé comme une frontière 3
border-image-width Indique la largeur de l'image-frontière 3
border-left Définit toutes les propriétés de bordure gauche dans une déclaration 1
border-left-color Définit la couleur de la bordure gauche 1
border-left-style Définit le style de la bordure gauche 1
border-left-width Définit la largeur de la bordure gauche 1
border-radius Un raccourci pour définir tous les quatre frontières - * - Propriétés de rayon 3
border-right Définit toutes les propriétés de bordure droite dans une déclaration 1
border-right-color Définit la couleur de la bordure droite 1
border-right-style Définit le style de la bordure droite 1
border-right-width Définit la largeur de la bordure droite 1
border-style Définit le style des quatre frontières 1
border-top Définit toutes les propriétés haut de la frontière dans une déclaration 1
border-top-color Définit la couleur de la bordure supérieure 1
border-top-left-radius Définit la forme de la frontière du coin supérieur gauche 3
border-top-right-radius Définit la forme de la frontière du coin en haut à droite 3
border-top-style Définit le style de la bordure supérieure 1
border-top-width Définit la largeur de la bordure supérieure 1
border-width Définit la largeur des quatre frontières 1
box-decoration-break Définit le comportement de l'arrière-plan et la bordure d'un élément à la page-break, ou, pour les éléments en ligne, à la ligne-break. 3
box-shadow Attaches une ou plusieurs ombres portées à la boîte 3

Propriétés de base Box

Propriété La description CSS
bottom Indique la position inférieure d'un élément positionné 2
clear Indique quels côtés d'un élément où d'autres éléments flottants ne sont pas autorisés 1
clip Clips un élément absolument positionné 2
display Indique comment un élément HTML certaine doit être affiché 1
float Indique si oui ou non une boîte devrait flotter 1
height Définit la hauteur d'un élément 1
left Indique la position gauche d'un élément positionné 2
margin Définit toutes les propriétés de marge dans une déclaration 1
margin-bottom Définit la marge inférieure d'un élément 1
margin-left Définit la marge gauche d'un élément 1
margin-right Définit la marge de droite d'un élément 1
margin-top Définit la marge supérieure d'un élément 1
max-height Définit la hauteur maximale d'un élément 2
max-width Définit la largeur maximale d'un élément 2
min-height Définit la hauteur minimale d'un élément 2
min-width Définit la largeur minimale d'un élément 2
overflow
Indique ce qui se passe si le contenu déborde de la boîte d'un élément 2
overflow-x Indique si oui ou non à clipser gauche / droite des bords du contenu, si elle déborde la zone de contenu de l'élément 3
overflow-y Indique si oui ou non pour couper les bords supérieurs / inférieurs du contenu, si elle déborde la zone de contenu de l'élément 3
padding Définit toutes les propriétés de remplissage dans une déclaration 1
padding-bottom Définit le rembourrage de fond d'un élément 1
padding-left Définit le rembourrage gauche d'un élément 1
padding-right Définit le droit de rembourrage d'un élément 1
padding-top Définit le rembourrage supérieur d'un élément 1
position Indique le type de méthode de positionnement utilisé pour un élément (statique, relative, absolue ou fixe) 2
right Indique la bonne position d'un élément positionné 2
top Indique la position supérieure d'un élément positionné 2
visibility Indique si un élément est visible 2
width Définit la largeur d'un élément 1
vertical-align Définit l'alignement vertical d'un élément 1
z-index Définit l'ordre d'empilement d'un élément positionné 2

Flexible Box Mise en page

Propriété La description CSS
align-content Spécifie l'alignement entre les lignes à l'intérieur d'un conteneur souple lorsque les éléments ne pas utiliser tout l'espace disponible 3
align-items Indique l'alignement des éléments à l'intérieur d'un conteneur souple 3
align-self Indique l'alignement des éléments sélectionnés à l'intérieur d'un conteneur souple 3
flex Indique la longueur de l'élément, par rapport au reste 3
flex-basis Indique la longueur initiale d'un élément souple 3
flex-direction Indique la direction des éléments flexibles 3
flex-flow Un raccourci pour le flex-direction et les propriétés flex-wrap 3
flex-grow Indique combien l'élément augmentera par rapport au reste 3
flex-shrink Indique comment l'élément se rétracte par rapport au reste 3
flex-wrap Indique si les éléments flexibles doivent envelopper ou non 3
justify-content Spécifie l'alignement entre les éléments à l'intérieur d'un conteneur souple lorsque les éléments ne pas utiliser tout l'espace disponible 3
order Définit l'ordre de l'élément flexible, par rapport au reste 3

Propriétés du texte

Propriété La description CSS
hanging-punctuation Indique si un caractère de ponctuation peut être placé en dehors de la boîte de ligne 3
hyphens Définit la façon de répartir les mots pour améliorer la mise en page des paragraphes 3
letter-spacing Augmente ou diminue l'espace entre les caractères dans un texte 1
line-break Indique comment / si pour briser les lignes 3
line-height Définit la hauteur de la ligne 1
overflow-wrap Indique si le navigateur peut briser des lignes dans les mots afin d'éviter tout débordement (quand une chaîne est trop longue pour tenir sa boîte contenant) 3
tab-size Indique la longueur de l'onglet caractères 3
text-align Indique l'alignement horizontal du texte 1
text-align-last Décrit comment la dernière ligne d'un bloc ou d' un droit de ligne avant un saut de ligne forcé est aligné lorsque text-align est "justify" 3
text-combine-upright Indique la combinaison de plusieurs caractères dans l'espace d'un seul caractère 3
text-indent Indique l'indentation de la première ligne dans un texte-bloc 1
text-justify Indique la méthode de justification utilisée lorsque text-align est "justify" 3
text-transform Contrôle la capitalisation du texte 1
white-space Indique comment white-space intérieur d'un élément est traité 1
word-break Indique la ligne de rupture des règles pour les scripts non-CJK 3
word-spacing Augmente ou diminue l'espace entre les mots dans un texte 1
word-wrap Permet de longues, des mots incassables à être brisés et enveloppent à la ligne suivante 3

Propriétés de décoration de texte

Propriété La description CSS
text-decoration Indique la décoration ajouté au texte 1
text-decoration-color Indique la couleur du text-decoration 3
text-decoration-line Indique le type de ligne dans un texte-décoration 3
text-decoration-style Spécifie le style de la ligne dans un décor de texte 3
text-shadow Ajoute ombre au texte 3
text-underline-position Indique la position du soulignement qui est définie en utilisant la propriété text-decoration 3

Propriétés de la police

Propriété La description CSS
@font-face Une règle qui permet aux sites Web pour télécharger et d' utiliser les polices autres que les "web-safe" polices 3
@font-feature-values Permet aux auteurs d'utiliser un nom commun dans font-variant-suppléant pour fonction activés différemment dans OpenType 3
font Définit toutes les propriétés de la police dans une déclaration 1
font-family Indique la famille de polices pour le texte 1
font-feature-settings Permet le contrôle des fonctions typographiques avancées dans les polices OpenType 3
font-kerning Contrôle l'utilisation des informations crénage (how letters are spaced) les (how letters are spaced) 3
font-language-override Contrôle de l'utilisation des glyphes spécifiques à la langue dans une police de caractères 3
font-size Indique la taille de police du texte 1
font-size-adjust Préserve la lisibilité du texte lorsque la police de repli se produit 3
font-stretch Sélectionne un condensé, ou le visage élargi normale à partir d'une famille de polices 3
font-style Spécifie le style de police du texte 1
font-synthesis Contrôles qui manque caractères (bold or italic) peuvent être synthétisés par le navigateur 3
font-variant Indique si un texte doit être affiché dans une police en petites capitales 1
font-variant-alternates Contrôle de l'utilisation de variantes de glyphes associés aux noms alternatifs définis dans @ font-feature-valeurs 3
font-variant-caps Contrôle de l'utilisation de variantes de glyphes pour les majuscules 3
font-variant-east-asian Contrôle de l'utilisation de variantes de glyphes pour les scripts d'Asie orientale (par exemple japonais et chinois) 3
font-variant-ligatures Contrôles qui ligatures et formes contextuelles sont utilisées dans le contenu textuel des éléments qu'elle applique 3
font-variant-numeric Contrôle de l'utilisation de variantes de glyphes pour les nombres, les fractions et les marqueurs ordinales 3
font-variant-position Contrôle de l'utilisation de variantes de glyphes de plus petite taille positionnés comme exposant ou indice concernant la ligne de base de la police 3
font-weight Indique le poids d'une police 1

Rédaction Modes Propriétés

Propriété La description CSS
direction Indique le sens du texte / sens d'écriture 2
text-orientation Définit l'orientation du texte en ligne 3
text-combine-upright Indique la combinaison de plusieurs caractères dans l'espace d'un seul caractère 3
unicode-bidi Utilisé conjointement avec la direction propriété pour définir ou retourner si le texte doit être remplacé pour supporter plusieurs langues dans le même document 2
writing-mode3

Propriétés de la table

Propriété La description CSS
border-collapse Indique si oui ou non les bordures du tableau doivent être réduits 2
border-spacing Indique la distance entre les bordures de cellules adjacentes 2
caption-side Indique l'emplacement d'une légende de la table 2
empty-cells Indique si oui ou non pour afficher les frontières et fond sur les cellules vides dans une table 2
table-layout Définit l'algorithme de mise en page à utiliser pour une table 2

Listes et Compteurs Propriétés

Propriété La description CSS
counter-increment Incrémente un ou plusieurs compteurs 2
counter-reset Crée ou réinitialise un ou plusieurs compteurs 2
list-style Définit toutes les propriétés pour une liste dans une déclaration 1
list-style-image Indique une image comme marqueur list-item 1
list-style-position Indique si les marqueurs list-item devraient apparaître à l'intérieur ou à l'extérieur du flux de contenu 1
list-style-type Indique le type de marqueur list-item 1

Propriétés d'animation

Propriété La description CSS
@keyframes Indique le code d'animation 3
animation Un raccourci pour toutes les propriétés d'animation (sauf-play state-animation et animation-fill-mode) 3
animation-delay Indique un retard pour le début d'une animation 3
animation-direction Indique si oui ou non l'animation devrait jouer dans le sens inverse des cycles alternatifs 3
animation-duration Indique le nombre de secondes ou en millisecondes une animation nécessaire pour terminer un cycle 3
animation-fill-mode Spécifie un style pour l'élément lorsque l'animation ne joue pas (when it is finished, or when it has a delay) 3
animation-iteration-count Indique le nombre de fois qu'une animation devrait être joué 3
animation-name Indique le nom de l'animation @keyframes 3
animation-play-state Indique si l'animation est en cours d'exécution ou en pause 3
animation-timing-function Indique la courbe de vitesse d'une animation 3

Transform Properties

Propriété La description CSS
backface-visibility Définit si oui ou non un élément doit être visible lorsqu'ils ne sont pas face à l'écran 3
perspective Indique le point de vue sur la façon dont les éléments 3D sont considérés 3
perspective-origin Indique la position inférieure des éléments 3D 3
transform Applique une transformation 2D ou 3D à un élément 3
transform-origin Permet de modifier la position des éléments transformés 3
transform-style Indique comment les éléments imbriqués sont rendus dans l'espace 3D 3

Propriétés Transitions

Propriété La description CSS
transition Un raccourci pour définir les quatre propriétés de transition 3
transition-property Indique le nom de la propriété CSS l'effet de transition est pour 3
transition-duration Indique le nombre de secondes ou en millisecondes un effet de transition nécessaire pour terminer 3
transition-timing-function Indique la courbe de vitesse de l'effet de transition 3
transition-delay Indique lorsque l'effet de transition va commencer 3

Propriétés de l' interface utilisateur de base

Propriété La description CSS
box-sizing Indique au navigateur ce que les propriétés de dimensionnement (width and height) devraient inclure 3
content Utilisé avec le: avant et: après les pseudo-éléments, pour insérer le contenu généré 2
cursor Indique le type de curseur à afficher 2
ime-mode Contrôle de l'état de l'éditeur de méthode d'entrée pour les champs de texte 3
nav-down Indique où naviguer lorsque vous utilisez la touche de navigation flèche vers le bas 3
nav-index Indique l'ordre de tabulation pour un élément 3
nav-left Indique où naviguer lorsque vous utilisez la touche de navigation flèche gauche 3
nav-right Indique où naviguer lorsque vous utilisez la touche de navigation flèche droite 3
nav-up Indique où naviguer lorsque vous utilisez la touche de navigation arrow-up 3
outline Définit toutes les propriétés de contour dans une déclaration 2
outline-color Définit la couleur d'un contour 2
outline-offset Décale un contour, et tire au-delà de la bordure 3
outline-style Définit le style d'un contour 2
outline-width Définit la largeur d'un contour 2
resize Indique si un élément est redimensionnable par l'utilisateur 3
text-overflow Indique ce qui doit se produire lorsque le texte déborde l'élément contenant 3

Propriétés de mise en page multi-colonnes

Propriété La description CSS
break-after Indique la page-, par colonnes, ou le comportement région-break après la boîte générée 3
break-before Indique la page-, par colonnes, ou le comportement région-break avant la boîte générée 3
break-inside Indique la page-, par colonnes, ou le comportement région-break à l'intérieur de la boîte générée 3
column-count Indique le nombre de colonnes d'un élément doit être divisé en 3
column-fill Indique comment remplir les colonnes 3
column-gap Indique l'écart entre les colonnes 3
column-rule Un raccourci pour définir toutes les propriétés de la colonne-rule- * 3
column-rule-color Indique la couleur de la règle entre les colonnes 3
column-rule-style Spécifie le style de la règle entre les colonnes 3
column-rule-width Indique la largeur de la règle entre les colonnes 3
column-span Indique le nombre de colonnes d'un élément devrait étendre sur 3
column-width Indique la largeur des colonnes 3
columns Un raccourci pour définir la colonne de largeur et de la colonne de comptage 3
widows Définit le nombre minimal de lignes qui doivent être laissées en haut d'une page quand un saut de page se produit à l'intérieur d'un élément 2

Paged médias

Propriété La description CSS
orphans Définit le nombre minimal de lignes qui doivent être laissées au bas d'une page quand un saut de page se produit à l'intérieur d'un élément 2
page-break-after Définit le comportement de la page de rupture après un élément 2
page-break-before Définit le comportement de la page de rupture avant un élément 2
page-break-inside Définit le comportement de la page de rupture dans un élément 2

Contenu généré pour Paged médias

Propriété La description CSS
marks Ajoute des cultures et / ou des marques transversales au document 3
quotes Définit le type de guillemets pour les citations intégrées 2

Effets de filtre Propriétés

Propriété La description CSS
filter Définit les effets (eg blurring or color shifting) , le (eg blurring or color shifting) la (eg blurring or color shifting) sur un élément avant l'élément est affiché 3

Les valeurs de l' image et du contenu Remplacé

Propriété La description CSS
image-orientation Indique une rotation dans la droite ou vers la droite direction qu'un agent utilisateur applique à une image (Cette propriété va probablement être dépréciée et sa fonctionnalité déplacé vers HTML) 3
image-rendering Donne une indication au navigateur quels aspects d'une image sont les plus importants pour préserver lorsque l'image est mise à l'échelle 3
image-resolution Indique la résolution intrinsèque de toutes les images raster utilisés dans / sur l'élément 3
object-fit Indique la façon dont le contenu d'un élément remplacé doivent être montés sur la boîte établie par sa hauteur et la largeur utilisée 3
object-position Indique l'alignement de l'élément remplacé dans sa boîte 3

Masking Propriétés

Propriété La description CSS
mask3
mask-type3

Propriétés discours

Propriété La description CSS
mark Un raccourci pour définir les propriétés de marquage-avant et marque-après 3
mark-after Permet des marqueurs nommés à joindre au flux audio 3
mark-before Permet des marqueurs nommés à joindre au flux audio 3
phonemes Indique une prononciation phonétique pour le texte contenu par l'élément correspondant 3
rest Un raccourci pour définir les repos avant et après repos propriétés 3
rest-after Spécifie un repos ou frontière prosodique à observer après avoir parlé du contenu d'un élément 3
rest-before Spécifie un repos ou frontière prosodique à observer avant de parler du contenu d'un élément 3
voice-balance Indique l'équilibre entre les canaux gauche et droit 3
voice-duration Indique combien de temps il devrait prendre pour rendre le contenu de l'élément sélectionné 3
voice-pitch Indique la hauteur moyenne (a frequency) de la voix parlée 3
voice-pitch-range Indique la variation de la hauteur moyenne 3
voice-rate Contrôle le débit de parole 3
voice-stress Indique la force de l'accent à appliquer 3
voice-volume Se réfère à l'amplitude de la forme d'onde sortie par les synthèses vocales 3

Propriétés Marquee

Propriété La description CSS
marquee-direction Définit la direction du contenu mobile 3
marquee-play-count Indique combien de fois le déplacement de contenu 3
marquee-speed Définit la vitesse de défilement de contenu 3
marquee-style Définit le style du contenu mobile 3