<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 完全対応 ありSafari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
degChrome 完全対応 2Edge 完全対応 12Firefox 完全対応 3.6IE 完全対応 9Opera 完全対応 ありSafari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
gradChrome 完全対応 2Edge 完全対応 12Firefox 完全対応 3.6IE 完全対応 9Opera 完全対応 ありSafari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
radChrome 完全対応 2Edge 完全対応 12Firefox 完全対応 3.6IE 完全対応 9Opera 完全対応 ありSafari 完全対応 4WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
turnChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 13IE 完全対応 9Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 14Opera Android 完全対応 ありSafari iOS 完全対応 10Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

ドキュメントのタグと貢献者

このページの貢献者: mdnwebdocs-bot, mfuji09
最終更新者: mdnwebdocs-bot,