CSS3: rest プロパティ - 音声読み上げの前後の休憩・間

■ 概要

項  目説  明
記述形式 セレクタ {rest: rest-before rest-after }
値 の形式 数値 (単位: s=秒,ms=ミリ秒)| nonex-weakweakmediumstrongx-strong
初 期 値 none
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 すべての要素
継  承 しない

■ 解説

restプロパティ は,音声読み上げの前後の休憩・間(rest-beforeプロパティrest-afterプロパティ)をまとめて指定します。

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

説  明
数値 s(秒)、または、ms(ミリ秒)を単位として休憩・間の時間を指定します。
none 0ms を指定した場合と同じ動作です。 (初期値)
x-weak 非常に弱い発音の際の間隔です。
weak 弱い発音の際の間隔です。
medium 通常の発音の際の間隔です。
strong 強い発音の際の間隔です。
x-strong 非常に強い発音の際の間隔です。

■ 使用例( rest プロパティの利用)

HTMLソース
CSS
<head> ~ </head>
<style type="text/css">
<!--
   .vrest1{ rest: none; }
   .vrest2{ rest: weak; }
   .vrest3{ rest: medium none; }
   .vrest4{ rest: 1s strong; }
   .vrest5{ rest: 2s 1s; }
-->
</style>
HTML
<body> ~ </body>
<p class="vrest1">読み上げ前後に間をあけずに読み上げます</p>
<p class="vrest2">読み上げ前後に少しだけ間をあけます</p>
<p class="vrest3">読み上げ前に間をあけ、読み上げ後に間をあけずに読み上げます</p>
<p class="vrest4">読み上げ前に1秒間の間をあけ,読み上げ後に長い間をあけます</p>
<p class="vrest5">読み上げ前に2秒間の間をあけ,読み上げ後に1秒間の間をあけます</p>

ブラウザー 表示例 (音声再生が可能なブラウザーでのみ動作します)

読み上げ前後に間をあけずに読み上げます

読み上げ前後に少しだけ間をあけます

読み上げ前に間をあけ、読み上げ後に間をあけずに読み上げます

読み上げ前に1秒間の間をあけ,読み上げ後に長い間をあけます

読み上げ前に2秒間の間をあけ,読み上げ後に1秒間の間をあけます

■ 備考

【参考ページ】