blob: 956a7bab50ee4f82fdbdaf1b9565f02c770f859a (
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
|
---
title: <frequency>
slug: Web/CSS/frequency
tags:
- CSS
- CSS データ型
- CSS 値と単位
- Layout
- Reference
translation_of: Web/CSS/frequency
---
<div>{{CSSRef}}</div>
<p><a href="/ja/docs/Web/CSS" title="CSS">CSS</a> の <strong><code><frequency></code></strong> <a href="/ja/docs/Web/CSS/CSS_Types">データ型</a>は、話し声の高さなどの周波数の値を表します。今のところ、どの CSS プロパティでも使われていません。</p>
<h2 id="Syntax" name="Syntax">構文</h2>
<p><code><frequency></code> データ型は、 {{cssxref("<number>")}} とその後に以下に挙げる単位のうちの一つから成ります。他の CSS の数値と同様、単位と数値の間には空白を置きません。</p>
<h3 id="Units" name="Units">単位</h3>
<dl>
<dt><code><a id="Hz" name="Hz">Hz</a></code></dt>
<dd>ヘルツ単位の周波数を表します。例： <code>0Hz</code>、 <code>1500Hz</code>、 <code>10000Hz</code></dd>
<dt><code><a id="kHz" name="kHz">kHz</a></code></dt>
<dd>キロヘルツ単位の周波数を表します。例： <code>0kHz</code>、 <code>1.5kHz</code>、 <code>10kHz</code></dd>
</dl>
<div class="note">
<p><strong>メモ:</strong> <code>0</code> の数値は単位に関わらず常に同じですが、単位は省略できません。言い換えれば、 <code>0</code> は無効で <code>0Hz</code> や <code>0kHz</code> を表すものではありません。単位の大文字と小文字は区別されませんが、<a href="http://ja.wikipedia.org/wiki/%E5%9B%BD%E9%9A%9B%E5%8D%98%E4%BD%8D%E7%B3%BB" title="http://ja.wikipedia.org/wiki/%E5%9B%BD%E9%9A%9B%E5%8D%98%E4%BD%8D%E7%B3%BB">国際単位系</a>の表記に従って、 <code>Hz</code> や <code>kHz</code> の H を大文字にするのが良い習慣です。</p>
</div>
<h2 id="Examples" name="Examples">例</h2>
<h3 id="Valid_frequency_values" name="Valid_frequency_values">有効な周波数の値</h3>
<pre>12Hz 正の整数
4.3Hz 非整数
14KhZ 単位は大文字小文字を区別しません（ただ、国際単位系の表記が推奨されます）
+0Hz 先行する + のあるゼロと単位
-0kHz 先行する - のあるゼロと単位</pre>
<h3 id="Invalid_frequency_values" name="Invalid_frequency_values">無効な周波数の値</h3>
<pre class="example-bad">12.0 これは {{cssxref("<number>")}} で、<frequency> ではありません。単位が必須です。
7 Hz {{cssxref("<number>")}} と単位の間に空白を置いてはいけません
0 単位のないゼロは {{cssxref("<length>")}} では利用できますが、 <frequency> では無効です。</pre>
<h2 id="Specifications" name="Specifications">仕様書</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">仕様書</th>
<th scope="col">状態</th>
<th scope="col">備考</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('CSS3 Values', '#frequency', '<frequency>')}}</td>
<td>{{Spec2('CSS3 Values')}}</td>
<td>初回定義。</td>
</tr>
</tbody>
</table>
<div class="note">
<p><strong>メモ:</strong> このデータ型は初め、 <a href="https://www.w3.org/TR/CSS2/" title="http://www.w3.org/TR/CSS2/">CSS Level 2</a> の現在は廃止された <a href="/ja/docs/Web/CSS/@media/aural" title="aural">aural</a> <a href="/ja/docs/Web/CSS/@media#Media_types">メディアタイプ</a>で、音声の高さを定義するために導入されました。現時点ではこのデータ型を使う CSS プロパティはありませんが、 CSS 3 で <code><frequency></code> データ型が再導入されました。</p>
</div>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
<div class="hidden">このページの互換性一覧表は構造化データから生成されます。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
<p>{{Compat("css.types.frequency")}}</p>
|
