<angle-percentage>

<angle-percentage>CSSデータ型で、 <angle> または <percentage> が取りうる値を表します。

構文

この型に利用できる個々の構文の詳細は、 <angle> および <percentage> の文書を参照してください。

calc() での使用

許可されている型として <angle-percentage> が指定されているところでは、これはパーセント値が角度として解決されるので、 calc() の式で利用することができます。

仕様書

仕様書 状態 備考
CSS Values and Units Module Level 4
<angle-percentage> の定義
編集者草案  
CSS Values and Units Module Level 3
<angle-percentage> の定義
勧告候補 <angle-percentage> を定義。 calc() を追加

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
<angle-percentage>Chrome 完全対応 2Edge 完全対応 12Firefox 完全対応 3.6IE 完全対応 9Opera 完全対応 15Safari 完全対応 4WebView Android 完全対応 2Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 14Safari iOS 完全対応 3.2Samsung Internet Android 完全対応 1.0
degChrome 完全対応 2Edge 完全対応 12Firefox 完全対応 3.6IE 完全対応 9Opera 完全対応 15Safari 完全対応 4WebView Android 完全対応 2Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 14Safari iOS 完全対応 3.2Samsung Internet Android 完全対応 1.0
gradChrome 完全対応 2Edge 完全対応 12Firefox 完全対応 3.6IE 完全対応 9Opera 完全対応 15Safari 完全対応 4WebView Android 完全対応 2Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 14Safari iOS 完全対応 3.2Samsung Internet Android 完全対応 1.0
radChrome 完全対応 2Edge 完全対応 12Firefox 完全対応 3.6IE 完全対応 9Opera 完全対応 15Safari 完全対応 4WebView Android 完全対応 2Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 14Safari iOS 完全対応 3.2Samsung Internet Android 完全対応 1.0
turnChrome 完全対応 2Edge 完全対応 12Firefox 完全対応 3.6IE 完全対応 9Opera 完全対応 15Safari 完全対応 4WebView Android 完全対応 2Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 14Safari iOS 完全対応 3.2Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応