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

■ 概要

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

■ 解説

rest-afterプロパティ は,音声読み上げの要素後の休憩・間を指定します。

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

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

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

HTMLソース
CSS
<head> ~ </head>
<style type="text/css">
<!--
   .vrest1{ rest-after: none; }
   .vrest2{ rest-after: weak; }
   .vrest3{ rest-after: medium; }
   .vrest4{ rest-after: strong; }
   .vrest5{ rest-after: 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秒間の間をあけます

■ 備考

【参考ページ】