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


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.


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

ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox 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 15Safari Full support 4WebView Android Full support 2Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 14Safari iOS Full support 3.2Samsung Internet Android Full support 1.0


Full support
Full support

See also