`<angle-percentage>` CSS type
Baseline Widely available
This feature is well established and works across many devices and browser versions. It's been available across browsers since September 2015.
The <angle-percentage> CSS data type represents a value that can be either an <angle> or a <percentage>.
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.
Syntax
Refer to the documentation for <angle> and <percentage> for details of the individual syntaxes allowed by this type.
Formal syntax
<angle-percentage> =
<angle> |
<percentage>
Specifications
| Specification |
|---|
| CSS Values and Units Module Level 4 # mixed-percentages |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on iOS | Samsung Internet | WebView Android | WebView on iOS | |
angle-percentage |
2 |
12 |
3.6 |
15 |
4 |
18 |
4 |
14 |
3.2 |
1.0 |
2 |
3.2 |
See also
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/angle-percentage
