上一章CSS3高级教程请查看:css3 web安全字体
听觉属性定义文档的听觉呈现。
听觉样式表【css3听觉属性参考文档 –
CSS3高级教程】听觉样式表是CSS的一部分,它将语音合成和声音效果结合起来,使视觉受损者和屏幕阅读者更容易访问web文档。
听觉呈现可用于:
- 由盲人
- 在汽车
- 比如家庭娱乐
- 工业和医疗文件系统
- 帮助学习阅读或有阅读困难的使用者
听觉样式表的一个例子:
h1, h2, h3, h4, h5, h6 {
voice-family: male;
stress: 20;
richness: 90;
cue-before: url("pop.au");
}
p {
azimuth: center-left;
}
quotes {
volume: x-soft;
}
这将引导语音合成器以非常丰富的男性声音(一种“音频字体”)说出标题。说出标题之前; 声音样本将从给定的URL播放。
段落似乎来自左前方(如果声音系统能够提供空间音频)。
属性 | 值 | 描述 |
azimuth |
angle left-side far-left left center-left center center-right right far-right right-side behind leftwards rightwards inherit | 设置声音的水平方向。 |
cue |
cue-before cue-after inherit | 在一个声明中设置提示属性(即提示前和提示后)的简写。 |
cue-after |
none url inherit | 指定在说出一个元素的内容后要播放的声音,以便将它与其他元素分隔开。 |
cue-before |
none url inherit | 指定在说出元素的内容以将其与其他元素分隔开之前要播放的声音。 |
elevation |
angle below level above higher lower inherit | 设置声音的垂直方向。 |
pause |
pause-before pause-after inherit | 在一个声明中设置暂停属性(即暂停前和暂停后)的简写。 |
pause-after |
time % inherit | 指定在说出元素的内容后要观察的暂停。 |
pause-before |
time % inherit | 指定在说出元素内容之前要观察的暂停。 |
pitch |
frequency x-low low medium high x-high inherit | 指定说话声音的平均音调(频率)。语音的平均音高取决于语音族。 |
pitch-range |
number inherit | 指定平均音高的变化。 |
play-during |
auto none url mix repeat inherit | 指定在说出元素内容时作为背景播放的声音。 |
richness |
number inherit | 指定说话声音的丰富程度。 |
speak |
normal none spell-out inherit | 指定文本是否以听觉方式呈现,如果是,以何种方式呈现。 |
speak-header |
always once inherit | 指定是在每个单元格之前说出表标头,还是仅在与前一个单元格关联的不同标头的单元格之前说出表标头。 |
speak-numeral |
digits continuous inherit | 指定数字的发音方式。 |
speak-punctuation |
none code inherit | 指定如何使用标点符号。 |
speech-rate |
number x-slow slow medium fast x-fast faster slower inherit | 指定说话速度,即每分钟说的单词数。 |
Stress |
number inherit | 指定说话声音中的“重音”。 |
voice-family |
specific-voice generic-voice inherit | 指定一个以逗号分隔、按优先级排列的语音姓列表。 |
volume |
number % silent x-soft soft medium loud x-loud inherit | 指定说话声音的音量。 |
推荐阅读
- css3 web安全字体参考文档 – CSS3高级教程
- css3动画属性参考文档 – CSS3高级教程
- css3属性参考文档 – CSS3高级教程
- css3扩展特性 – CSS3高级教程
- css3媒体查询和响应式设计 – CSS3高级教程
- css3 滤镜filters – CSS3高级教程
- css3 flexbox弹性布局 – CSS3高级教程
- css3框大小box-sizing – CSS3高级教程
- css3多栏布局 – CSS3高级教程