CSSのstressプロパティとは？音声の抑揚（強勢）の高さを指定する方法
stressプロパティとは
stressプロパティは、音声出力（音声合成）において、声のイントネーション（抑揚）の輪郭にある「局所的なピーク（山）」の高さを指定するためのプロパティです。
英語は強勢（ストレス）を持つ言語であり、文の中のそれぞれの部分に一次強勢・二次強勢・三次強勢といった強調の度合いが割り当てられます。このプロパティを使用することで、テキストを読み上げる際の強勢の強さを制御できます。
指定できる値
- 数値（number）：0から100までの範囲の値を指定します。値が持つ意味は、話されている言語によって異なります。たとえば、標準的な英語の男性の声（平均ピッチ＝122Hz）で通常の抑揚と強調をつけて発話させる場合の「50」というレベルは、イタリア語の声における「50」と同じ意味にはなりません。
利用上の注意
stressプロパティはCSS2で定義された音声系（Aural）スタイルシートのプロパティの一つですが、現在の主要ブラウザではサポートされていません。音声合成関連のスタイルは、新しいCSS Speech Moduleなどの仕様への移行が進められているため、実際のサイトで使用する際には対応状況を確認することをおすすめします。
-
CSSのwhite-spaceプロパティとは？要素内の空白・改行の扱い方を徹底解説
CSSのwhite-spaceプロパティを使うと、HTML要素内の半角スペース、タブ、改行などの空白文字をどのように表示するかを細かく制御できます。デフォルトでは連続する空白は1つにまとめられますが、このプロパティを指定することで、ソースコード上の空白や改行をそのまま反映させたり、逆に折り返しを禁止したりすることが可能です。 white-spaceプロパティの基本例 以下は、normalとpreという2つの値を使って、空白の扱いの違いを比較するサンプルコードです。 <!DOCTYPE html> <html> <head> <style>
-
CSSのwriting-modeプロパティ徹底解説！テキストを縦書き・横書きにする方法
writing-modeプロパティとは CSSのwriting-modeプロパティは、テキストの行を水平方向にレイアウトするか、垂直方向にレイアウトするかを指定するためのプロパティです。日本語の縦書きのように、上から下へ文字を読ませるレイアウトも簡単に実現できます。 基本構文 writing-mode: horizontal-tb | vertical-rl | vertical-lr; 指定できる主な値 horizontal-tb … 行が上から下へ流れる標準的な横書き表示（初期値） vertical-rl … 行が右から左へ流れる縦書き表示。日本語や中国語などの縦組みレイアウトに適し