<angle-percentage>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

The <angle-percentage> CSS data type represents a value that can be either a <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
angle-percentage 2 12 3.6 15 4 18 4 14 3.2 1.0 2

See also

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/angle-percentage