The <angle-percentage> CSS data type represents a value that can be either a <angle> or a <percentage>.

Syntax

Refer to the documentation for <angle> and <percentage> for details of the individual syntaxes allowed by this type.

Use in calc()

Where an <angle-percentage> is specified as an allowable type, this means that the percentage resolves to an angle and therefore can be used in a calc() expression.

Specifications

Specification Status Comment
CSS Values and Units Module Level 4
The definition of '<angle-percentage>' in that specification.
Editor's Draft  
CSS Values and Units Module Level 3
The definition of '<angle-percentage>' in that specification.
Candidate Recommendation Defines <angle-percentage>. Adds calc()

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
<angle-percentage>Chrome Full support 2Edge Full support 12Firefox Full support 3.6IE Full support 9Opera Full support YesSafari Full support 4WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
degChrome Full support 2Edge Full support 12Firefox Full support 3.6IE Full support 9Opera Full support YesSafari Full support 4WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
gradChrome Full support 2Edge Full support 12Firefox Full support 3.6IE Full support 9Opera Full support YesSafari Full support 4WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
radChrome Full support 2Edge Full support 12Firefox Full support 3.6IE Full support 9Opera Full support YesSafari Full support 4WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
turnChrome Full support YesEdge Full support 12Firefox Full support 13IE Full support 9Opera Full support YesSafari Full support 10WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 14Opera Android Full support YesSafari iOS Full support 10Samsung Internet Android Full support Yes

Legend

Full support  
Full support

Document Tags and Contributors

Contributors to this page: mdnwebdocs-bot, mfuji09, chrisdavidmills, rachelandrew
Last updated by: mdnwebdocs-bot,