CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSのrest系音声メディアプロパティ：rest-afterの使い方

CSSのrest-afterプロパティは、音声メディア（スクリーンリーダーなどによる読み上げ）向けのプロパティの一つで、特定の要素の後に挿入される休止（ポーズ）を制御します。適切な休止を設定することで、読み上げ音声の聞き取りやすさや内容の区切りが明確になります。

rest-afterプロパティの構文

rest-after: <time> | none | x-weak | weak | medium | strong | x-strong

指定できる値は以下のとおりです。

  • <time> … ミリ秒（ms）や秒（s）などの時間単位で休止の長さを指定します。
  • none / x-weak / weak / medium / strong / x-strong … 休止の強さを段階的に指定するキーワードです。「x-weak」が最も弱く、「x-strong」に向かって徐々に長い休止になります。

使用例

以下は、見出し要素の読み上げ直後に休止を設ける例です。

h1 {
    rest-after: 15ms;
}

この場合、h1要素の読み上げが終わった後に15ミリ秒の休止が挿入されます。時間の値は状況に応じて調整でき、長めの休止を入れたい場合は「500ms」や「1s」のように指定することも可能です。

関連プロパティ

rest-afterと同種の音声メディアプロパティとして、要素の前に休止を設定するrest-before、そして両者を一括して指定できるrest（ショートハンド）があります。これらを組み合わせることで、音声コンテンツ全体の流れをより細かくコントロールできます。

  1. CSSのvoice-rangeプロパティとは？音声メディアでのピッチ範囲の指定方法

    CSSのvoice-rangeプロパティとは CSSのvoice-rangeプロパティは、音声読み上げ時における「声の幅（ピッチレンジ）」を指定するためのプロパティです。これは、合成音声がテキストを読み上げる際の抑揚の大きさを制御するもので、CSS Speech（音声）モジュールに含まれる音声メディア向けの機能です。 voice-rangeプロパティの構文 voice-rangeプロパティの基本的な書式は以下のとおりです。 voice-range: [[x-low | low | medium | high | x-high]]; 上記のように、ピッチ範囲の広さを表すキーワードを指定します。

  2. CSSのvoice-pitchプロパティとは？音声メディアでの声の高さ（ピッチ）の設定方法

    CSSのvoice-pitchプロパティは、音声合成（テキスト読み上げ）によって話される声の基準となる高さ（ピッチ）を指定するためのプロパティです。このプロパティを使うことで、スクリーンリーダーや音声ブラウザがコンテンツを読み上げる際の声のトーンを調整できます。voice-pitchの基本構文voice-pitchプロパティでは、以下のようなキーワードを使用してピッチを指定します。voice-pitch: [[x-low | low | medium | high | x-high]];各キーワードの意味は次の通りです。x-low：非常に低いピッチlow：低めのピッチmedium：標準のピッチ