blob: 1da2a9d1362a51d421aa0ab34c070704bae4763c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
---
title: <frequency-percentage>
slug: Web/CSS/frequency-percentage
tags:
- CSS
- CSS データ型
- データ型
- リファレンス
- frequency-percentage
- 単位
- 値
browser-compat: css.types.frequency-percentage
translation_of: Web/CSS/frequency-percentage
---
{{CSSRef}}{{SeeCompatTable}}
**`<frequency-percentage>`** は [CSS](/ja/docs/Web/CSS) の[データ型](/ja/docs/Web/CSS/CSS_Types)で、 {{Cssxref("frequency")}} または {{Cssxref("percentage")}} が取りうる値を表します。周波数の値、例えば音声の高さは、現在どの CSS プロパティでも使用されていません。
## 構文
`<frequency-percentage>` の値は {{Cssxref("frequency")}} または {{Cssxref("percentage")}} です。それぞれの構文についての詳細はそれぞれのリファレンスページを参照してください。
## 解説
### calc() での使用
許可されている型として `<frequency-percentage>` が指定されているところでは、これはパーセント値が周期として解決されるので、 [`calc()`](/ja/docs/Web/CSS/calc()) の式で利用することができます。
## 例
### 有効なパーセント値
``` plain example-good
90% 正のパーセント値
+90% 先頭に + が付いた正のパーセント値
-90% 負のパーセント値 — パーセント値を使用するすべてのプロパティで有効とは限らない
```
### 無効なパーセント値
```plain example-bad
90 % 数値と単位の間に空白を入れてはいけない。
```
### 有効な周波数値
``` plain example-good
12Hz 正の整数
4.3Hz 整数以外
14KhZ 単位は大文字小文字の区別がないが、 SI 以外の大文字小文字の使い分けは推奨しない。
+0Hz 先頭に + が付いた単位付きのゼロ
-0kHz 先頭に - が付いた単位付きのゼロ
```
### 無効な周波数値
```plain example-bad
12.0 これは単位がないため <number> であり <frequency> ではない。
7 Hz 数値と単位の間に空白を入れてはいけない。
0 単位のないゼロは <length> では許可されることがあるが、<frequency> では無効。
```
## 仕様書
{{Specifications}}
## ブラウザーの互換性
{{Compat}}
## 関連情報
- [CSS データ型](/ja/docs/Web/CSS/CSS_Types)
- [CSS 値と単位](/ja/docs/Web/CSS/CSS_Values_and_Units)
- 関連する CSS データ型:
- {{cssxref("frequency", "<frequency>")}}
- {{cssxref("percentage", "<percentage>")}}
|