Valeurs et unités CSS
Chaque déclaration CSS se compose d'une paire propriété/valeur. La valeur peut prendre diverses formes selon la propriété, comme un entier unique, un mot-clé, une fonction ou une combinaison de différents éléments ; certaines valeurs ont des unités, tandis que d'autres n'en ont pas. Chaque propriété accepte également les valeurs CSS globales. Le module des valeurs et unités CSS définit les types de données — valeurs et unités — que les propriétés CSS acceptent. Ce module définit également la syntaxe de définition des valeurs CSS, ou grammaire formelle, utilisée pour définir l'ensemble des valeurs valides pour chaque propriété et fonction CSS.
Référence
Propriétés
Fonctions
abs()acos()asin()atan()atan2()attr()calc()calc-size()clamp()cos()exp()hypot()<ident()>if()inherit()log()max()min()mod()pow()rem()round()sibling-count()sibling-index()sign()sin()sqrt()tan()url()
Le module des valeurs et unités CSS introduit également les fonctions calc-mix(), crossorigin(), first-valid(), integrity(), progress(), random(), random-item(), referrerpolicy(), src(), type() et toggle(). Actuellement, aucun navigateur ne prend en charge ces fonctionnalités.
Types de données
<angle-percentage><angle><animation-timeline><attr-name><attr-type><calc-keyword>(e,pi,infinity, NaN)<calc-size-basis><calc-sum><custom-ident><dashed-ident><dimension><easing-function><first-valid()><ident><integer><length-percentage><length><number><percentage><position><ratio><resolution><rounding-strategy>(down,up,to-zero)<string><syntax><time-percentage><time><url><url-modifier><view-timeline-name>
Le module des valeurs et unités CSS introduit également les types de données <frequency> et <frequency-percentage>. Actuellement, aucun navigateur ne prend en charge ces fonctionnalités.
Unités
%(pourcentage)capchcmdegdpcmdpidppxdvbdvhdvidvmaxdvmindvwemexgradHzicinkHzlhlvblvhlvilvmaxlvminlvwmmmspcptpxQradrcaprchremrexricrlhssvbsvhsvisvmaxsvminsvwturnvbvhvivmaxvminvwx
Unités flexibles (fr) et unités de conteneur (cqb, cqh, cqi, cqmax, cqmin, cqw) sont définies dans les modules Modèle de grille CSS et Règles conditionnelles CSS.
Catégorisations des unités
- Unités de longueur absolue (
cm,in,mm,pc,pt,px,Q) - Unités d'angle (
deg,grad,rad,turn) - Unités de viewport par défaut (
vb,vh,vi,vmax,vmin,vw) - Unités de viewport dynamiques (
dvb,dvh,dvi,dvmax,dvmin,dvw) - Unités de fréquence (
Hz,kHz) - Unités de pourcentage de viewport large (
lvb,lvh,lvi,lvmax,lvmin,lvw) - Unités de longueur relatives à la police locale (
cap,ch,em,ex,ic,lh) - Unités physiques (
cm,in,mm,pc,pt,Q) - Unités de longueur relatives (
cap,ch,em,ex,ic,lh,rem,rlh,vb,vh,vi,vmax,vmin,vw) - Unités de résolution (
dpcm,dpi,dppx,x) - Unités de longueur relatives à la racine (
rcap,rch,rem,rex,ric,rlh) - Unités de pourcentage de petite zone d'affichage (
svb,svh,svi,svmax,svmin,svw) - Unités de temps (
ms,s) - Unités de zone d'affichage (
dvh,dvw,lvh,lvw,svh,svw,vb,vh,vi,vmax,vmin,vw) - Unité d'angle visuel (
px)
Concepts clés
- Chasse
- Notation d'intervalle entre crochets
- Combinateurs de valeurs de composant
- Mots-clés globaux CSS
- Pixel de l'appareil
- Notation fonctionnelle
- Identifiant
- Interpolation
- Mot-clé
- Fonction mathématique
- Types de données numériques
- Origine
- Pixel
- Types de données textuelles
- URL
- Syntaxe de définition des valeurs
Guides
- Types de données CSS
-
Introduction aux types de données CSS qui définissent les valeurs typiques acceptées par les propriétés et fonctions CSS.
- Types de données numériques
-
Vue d'ensemble des types de données numériques, y compris les entiers, les nombres, les pourcentages et les dimensions, ainsi que les dimensions relatives et absolues, les angles et les unités de temps.
- Types de données textuelles
-
Vue d'ensemble des types de données textuelles, y compris les valeurs de mots-clés prédéfinis, les mots-clés globaux CSS et les URL.
- Fonctions de valeur CSS
-
Vue d'ensemble des instructions CSS qui invoquent un traitement ou des calculs spéciaux pour retourner une valeur CSS pour une propriété CSS.
- Utiliser les fonctions mathématiques CSS
-
Les fonctions mathématiques CSS qui permettent d'écrire la valeur d'une propriété sous forme d'expression mathématique.
- Syntaxe de définition des valeurs
-
La grammaire formelle utilisée pour définir l'ensemble des valeurs valides pour les propriétés et fonctions CSS.
- Apprendre : valeurs et unités
-
Un aperçu de certains des types de valeurs les plus fréquemment utilisés, de leur nature et de leur fonctionnement.
Modules associés
-
Le module de cascade et héritage CSS
-
Le module de grille CSS
<flex>- Unités flexibles (
fr)
-
Le module de règles conditionnelles CSS
- Unités de conteneur (
cqb,cqh,cqi,cqmax,cqmin,cqw)
- Unités de conteneur (
-
Le module de couleurs CSS
-
Le module d'images CSS
Spécifications
| Specification |
|---|
| CSS Values and Units Module Level 3 |
| CSS Values and Units Module Level 4 |
| CSS Values and Units Module Level 5 |
Voir aussi
- Le module de syntaxe CSS
- Le module de sélecteurs CSS