<length-percentage>

Le type de donnée <length-percentage> représente une valeur qui peut être une valeur de type length ou une valeur de type percentage.

Syntaxe

Se référer à la documentation des types length et percentage pour plus de détails sur les syntaxes possibles pour chacun de ces types.

Utilisation avec calc()

Lorsqu'une valeur de type <length-percentage> peut être utilisée dans une déclaration, cela signifie que le pourcentage sera résolu comme une longueur et qu'il peut alors être utilisé au sein d'une expression calc(). Ainsi, toutes les valeurs qui suivent sont acceptables pour la propriété width :

width: 200px;
width: 20%;
width: calc(100% - 200px);

Spécifications

Spécification État Commentaires
CSS Values and Units Module Level 4
La définition de '<length-percentage>' dans cette spécification.
Brouillon de l'éditeur
CSS Values and Units Module Level 3
La définition de '<length-percentage>' dans cette spécification.
Candidat au statut de recommandation Définition du type <length-percentage>. Ajout de calc()

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
<length-percentage>Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 3Opera Support complet 3.5Safari Support complet 1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 1Samsung Internet Android Support complet 1.0
Q unit
Expérimentale
Chrome Support complet 63Edge Aucun support NonFirefox Support complet 49IE Aucun support NonOpera Support complet 50Safari Aucun support NonWebView Android Support complet 63Chrome Android Support complet 63Firefox Android Support complet 49Opera Android Support complet 46Safari iOS Aucun support NonSamsung Internet Android Support complet 8.0
cap unit
Expérimentale
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
ch unitChrome Support complet 27Edge Support complet 12Firefox Support complet 1
Notes
Support complet 1
Notes
Notes From Firefox 1 to Firefox 3, ch was the width of the M character.
Notes From Firefox 1 to Firefox 3, ch did not work with border-width and outline-width CSS properties.
IE Support complet 9Opera Support complet 20Safari Support complet 7WebView Android Support complet ≤37Chrome Android Support complet 27Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 7Samsung Internet Android Support complet 1.5
ex unitChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 4Opera Support complet 3.5Safari Support complet 1WebView Android Support complet 1Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 1Samsung Internet Android Support complet 1.0
ic unit
Expérimentale
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
lh unit
Expérimentale
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
mozmm unit
ExpérimentaleNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support 4 — 59IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support 4 — 59Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
rem unitChrome Support complet 4Edge Support complet 12Firefox Support complet 3.6IE Support complet 9Opera Support complet 11.6Safari Support complet 4.1WebView Android Support complet 2Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 12Safari iOS Support complet 4Samsung Internet Android Support complet 1.0
rlh unit
Expérimentale
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
vb unit
Expérimentale
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
vh unitChrome Support complet 20Edge Support complet 12Firefox Support complet 19IE Support complet 9Opera Support complet 20Safari Support complet 6WebView Android Support complet ≤37Chrome Android Support complet 25Firefox Android Support complet 19Opera Android Support complet OuiSafari iOS Support complet 6Samsung Internet Android Support complet 1.5
vi unit
Expérimentale
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
vmax unitChrome Support complet 26Edge Support complet 16Firefox Support complet 19
Notes
Support complet 19
Notes
Notes Starting with version 21, viewport-percentage lengths are invalid in @page.
IE Aucun support NonOpera Support complet 15Safari Support complet 6.1WebView Android Support complet 1.5Chrome Android Support complet 26Firefox Android Support complet 19
Notes
Support complet 19
Notes
Notes Starting with version 21, viewport-percentage lengths are invalid in @page.
Opera Android Support complet 14Safari iOS Support complet 6.1Samsung Internet Android Support complet 1.5
vmin unitChrome Support complet 26Edge Support complet 12
Support complet 12
Support complet 12
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : vm
Firefox Support complet 19
Notes
Support complet 19
Notes
Notes Starting with version 21, viewport-percentage lengths are invalid in @page.
IE Support complet 10
Support complet 10
Support complet 9
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : vm
Opera Support complet 15Safari Support complet 6.1WebView Android Support complet ≤37Chrome Android Support complet 26Firefox Android Support complet 19
Notes
Support complet 19
Notes
Notes Starting with version 21, viewport-percentage lengths are invalid in @page.
Opera Android Support complet 14Safari iOS Support complet 6.1Samsung Internet Android Support complet 1.5
vw unitChrome Support complet 20Edge Support complet 12Firefox Support complet 19
Notes
Support complet 19
Notes
Notes Starting with version 21, viewport-percentage lengths are invalid in @page.
IE Support complet 9Opera Support complet 20Safari Support complet 6WebView Android Support complet ≤37Chrome Android Support complet 25Firefox Android Support complet 19
Notes
Support complet 19
Notes
Notes Starting with version 21, viewport-percentage lengths are invalid in @page.
Opera Android Support complet OuiSafari iOS Support complet 6Samsung Internet Android Support complet 1.5

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Cette fonctionnalité utilise un nom non-standard.
Cette fonctionnalité utilise un nom non-standard.