項 目 | 説 明 |
---|---|
記述形式 | セレクタ {rest-before: 値 } |
値 の形式 | 数値 (単位: s=秒,ms=ミリ秒)| none,x-weak,weak,medium,strong,x-strong , |
初 期 値 | none |
対応ブラウザー | C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+ |
適用可能な要素 | すべての要素 |
継 承 | しない |
rest-beforeプロパティ は,音声読み上げの要素前の休憩・間を指定します。
指定できる値の形式は,以下のとおりです。
値 | 説 明 |
---|---|
数値 | s(秒)、または、ms(ミリ秒)を単位として休憩・間の時間を指定します。 |
none | 0ms を指定した場合と同じ動作です。 (初期値) |
x-weak | 非常に弱い発音の際の間隔です。 |
weak | 弱い発音の際の間隔です。 |
medium | 通常の発音の際の間隔です。 |
strong | 強い発音の際の間隔です。 |
x-strong | 非常に強い発音の際の間隔です。 |
HTMLソース | |
---|---|
CSS <head> ~ </head> |
<style type="text/css"> <!-- .vrest1{ rest-before: none; } .vrest2{ rest-before: weak; } .vrest3{ rest-before: medium; } .vrest4{ rest-before: strong; } .vrest5{ rest-before: 2s; } --> </style> |
HTML <body> ~ </body> |
<p class="vrest1">読み上げ前に間をあけずに読み上げます</p> <p class="vrest2">読み上げ前に少しだけ間をあけます</p> <p class="vrest3">読み上げ前に間をあけます</p> <p class="vrest4">読み上げ前に長い間をあけます</p> <p class="vrest5">読み上げ前に2秒間の間をあけます</p> |
ブラウザー 表示例 (音声再生が可能なブラウザーでのみ動作します) |
---|
読み上げ前に間をあけずに読み上げます 読み上げ前に少しだけ間をあけます 読み上げ前に間をあけます 読み上げ前に長い間をあけます 読み上げ前に2秒間の間をあけます |