speak-header
Home>CSS>プロパティリファレンス>speak-header
speak-headerプロパティの役割
speak-headerプロパティは、表(table要素)の見出しセル(th要素)の読み上げ方を指定します。
speak-headerプロパティは、音声ブラウザの場合に機能します。
speak-headerプロパティに設定できる値
always | データセル(td要素)を読み上げる前に、対応する見出しセル(th要素)を毎回読む。 |
once | データセル(td要素)を読み上げる前に、対応する見出しセル(th要素)を1度だけ読む。 |
speak-headerプロパティの使い方
<table>
<thead><tr>
<th></th><th>項目1</th><th>項目2</th>
</tr></thead>
<tbody><tr>
<th>内容</th><td>内容1</td><td>内容2</td>
</tr></tbody>
</table>
たとえば、上記のコードの場合、通常は、「項目1 項目2 内容 内容1 内容2」と読み上げます。
ここで、CSSでtd要素に以下の指定をすると、
td{ speak-header:always;}
上記の表は、「項目1 項目2 内容 内容1 内容 内容2」と読み上げます。
関連リンク
- プロパティリファレンス:volume
- プロパティリファレンス:voice-family
- プロパティリファレンス:speak
- プロパティリファレンス:speak-numeral
- プロパティリファレンス:speak-punctuation
- プロパティリファレンス:speech-rate
- プロパティリファレンス:pitch
- プロパティリファレンス:pitch-range
- プロパティリファレンス:richness<
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-10-10