# CSS 听觉参考手册
## 听觉样式表
听觉样式表可把语音合成与音响效果相组合,使用户可以听到信息,而无需进行阅读。
听觉呈现可用于:
* 视觉能力低弱的人士
* 帮助用户学习阅读
* 帮助有阅读障碍的用户
* 家庭娱乐
* 在汽车中使用
听觉呈现通常会把文档转化为纯文本,然后传给屏幕阅读器(可读出屏幕上所有字符的一种程序)。
听觉样式表的一个例子:
```
h1, h2, h3, h4
{
voice-family: male;
richness: 80;
cue-before: url("beep.au")
}
```
上面的例子可以让语音合成器演奏一段声音,然后用男性的声音读出标题。
## CSS2 听觉参考
_W3C :_ "W3C" 列的数字显示出属性由哪个 CSS 标准定义(CSS1 还是 CSS2)。
| 属性 | 描述 | 值 | W3C |
| --- | --- | --- | --- |
| azimuth | Sets where the sound/voices should come from (horizontally) | `angle` `left-side` `far-left` `left` `center-left` `center` `center-right` `right` `far-right` `right-side` `behind` `leftwards` `rightwards` | 2 |
| cue | A shorthand property for setting the cue-before and cue-after properties in one declaration | `cue-before` `cue-after` | 2 |
| cue-after | Specifies a sound to be played after speaking an element's content to delimit it from other | `none` `url` | 2 |
| cue-before | Specifies a sound to be played before speaking an element's content to delimit it from other | `none` `url` | 2 |
| elevation | Sets where the sound/voices should come from (vertically) | `angle` `belo` `level` `above` `higher` `lower` | 2 |
| pause | A shorthand property for setting the pause-before and pause-after properties in one declaration | `pause-before` `pause-after` | 2 |
| pause-after | Specifies a pause after speaking an element's content | `time` `%` | 2 |
| pause-before | Specifies a pause before speaking an element's content | `time` `%` | 2 |
| pitch | Specifies the speaking voice | `frequency` `x-low` `low` `medium` `high` `x-high` | 2 |
| pitch-range | Specifies the variation in the speaking voice. (Monotone voice or animated voice?) | `number` | 2 |
| play-during | Specifies a sound to be played while speaking an element's content | `auto` `none` `url` `mix` `repeat` | 2 |
| richness | Specifies the richness in the speaking voice. (Rich voice or thin voice?) | `number` | 2 |
| speak | Specifies whether content will render aurally | `normal` `none` `spell-out` | 2 |
| speak-header | Specifies how to handle table headers. Should the headers be spoken before every cell, or only before a cell with a different header than the previous cell | `always` `once` | 2 |
| speak-numeral | Specifies how to speak numbers | `digits` `continuous` | 2 |
| speak-punctuation | Specifies how to speak punctuation characters | `none` `code` | 2 |
| speech-rate | Specifies the speed of the speaking | `number` `x-slow` `slow` `medium` `fast` `x-fast` `faster` `slower` | 2 |
| stress | Specifies the "stress" in the speaking voice | `number` | 2 |
| voice-family | A prioritized list of voice family names that contain specific voices | `specific-voice` `generic-voice` | 2 |
| volume | Specifies the volume of the speaking | `number` `%` `silent` `x-soft` `soft` `medium` `loud` `x-loud` | 2 |
- CSS3 动画属性(Animation)
- CSS3 @keyframes 规则
- CSS3 animation 属性
- CSS3 animation-name 属性
- CSS3 animation-duration 属性
- CSS3 animation-timing-function 属性
- CSS3 animation-delay 属性
- CSS3 animation-iteration-count 属性
- CSS3 animation-direction 属性
- CSS3 animation-play-state 属性
- CSS3 animation-fill-mode 属性
- CSS 背景属性(Background)
- CSS background 属性
- CSS background-attachment 属性
- CSS background-color 属性
- CSS background-image 属性
- CSS background-position 属性
- CSS background-repeat 属性
- CSS3 background-clip 属性
- CSS3 background-origin 属性
- CSS3 background-size 属性
- CSS 边框属性(Border 和 Outline)
- CSS border 属性
- CSS border-bottom 属性
- CSS border-bottom-color 属性
- CSS border-bottom-style 属性
- CSS border-bottom-width 属性
- CSS border-color 属性
- CSS border-left 属性
- CSS border-left-color 属性
- CSS border-left-style 属性
- CSS border-left-width 属性
- CSS border-right 属性
- CSS border-right-color 属性
- CSS border-right-style 属性
- CSS border-right-width 属性
- CSS border-style 属性
- CSS border-top 属性
- CSS border-top-color 属性
- CSS border-top-style 属性
- CSS border-top-width 属性
- CSS border-width 属性
- CSS outline 属性
- CSS outline-color 属性
- CSS outline-style 属性
- CSS outline-width 属性
- CSS3 border-bottom-left-radius 属性
- CSS3 border-bottom-right-radius 属性
- CSS3 border-image 属性
- CSS3 border-image-outset 属性
- CSS3 border-image-repeat 属性
- CSS3 border-image-slice 属性
- CSS3 border-image-source 属性
- CSS3 border-image-width 属性
- CSS3 border-radius 属性
- CSS3 border-top-left-radius 属性
- CSS3 border-top-right-radius 属性
- CSS3 box-shadow 属性
- Box 属性
- CSS3 overflow-x 属性
- CSS3 overflow-y 属性
- CSS3 overflow-style 属性
- CSS3 rotation 属性
- CSS3 rotation-point 属性
- Color 属性
- CSS3 opacity 属性
- Content for Paged Media 属性
- CSS 尺寸属性(Dimension)
- CSS height 属性
- CSS max-height 属性
- CSS max-width 属性
- CSS min-height 属性
- CSS min-width 属性
- CSS width 属性
- 可伸缩框属性(Flexible Box)
- CSS3 box-align 属性
- CSS3 box-direction 属性
- CSS3 box-flex 属性
- CSS3 box-flex-group 属性
- CSS3 box-lines 属性
- CSS3 box-ordinal-group 属性
- CSS3 box-orient 属性
- CSS3 box-pack 属性
- CSS 字体属性(Font)
- CSS font 属性
- CSS font-family 属性
- CSS font-size 属性
- CSS font-size-adjust 属性
- CSS font-stretch 属性
- CSS font-style 属性
- CSS font-variant 属性
- CSS font-weight 属性
- 内容生成(Generated Content)
- CSS content 属性
- CSS counter-increment 属性
- CSS counter-reset 属性
- CSS quotes 属性
- Grid 属性
- CSS3 grid-columns 属性
- CSS3 grid-rows 属性
- Hyperlink 属性
- CSS3 target 属性
- CSS3 target-name 属性
- CSS3 target-new 属性
- CSS3 target-position 属性
- CSS 列表属性(List)
- CSS list-style 属性
- CSS list-style-image 属性
- CSS list-style-position 属性
- CSS list-style-type 属性
- CSS 外边距属性(Margin)
- CSS margin 属性
- CSS margin-bottom 属性
- CSS margin-left 属性
- CSS margin-right 属性
- CSS margin-top 属性
- Marquee 属性
- 多列属性(Multi-column)
- CSS3 column-count 属性
- CSS3 column-fill 属性
- CSS3 column-gap 属性
- CSS3 column-rule 属性
- CSS3 column-rule-color 属性
- CSS3 column-rule-style 属性
- CSS3 column-rule-width 属性
- CSS3 column-span 属性
- CSS3 column-width 属性
- CSS3 columns 属性
- CSS 内边距属性(Padding)
- CSS padding 属性
- CSS padding-bottom 属性
- CSS padding-left 属性
- CSS padding-right 属性
- CSS padding-top 属性
- Paged Media 属性
- CSS 定位属性(Positioning)
- CSS bottom 属性
- CSS clear 属性
- CSS clip 属性
- CSS cursor 属性
- CSS display 属性
- CSS float 属性
- CSS left 属性
- CSS overflow 属性
- CSS position 属性
- CSS right 属性
- CSS top 属性
- CSS vertical-align 属性
- CSS visibility 属性
- CSS z-index 属性
- CSS 打印属性(Print)
- CSS page-break-after 属性
- CSS page-break-before 属性
- CSS page-break-inside 属性
- CSS 表格属性(Table)
- CSS border-collapse 属性
- CSS border-spacing 属性
- CSS caption-side 属性
- CSS empty-cells 属性
- CSS table-layout 属性
- CSS 文本属性(Text)
- CSS color 属性
- CSS direction 属性
- CSS letter-spacing 属性
- CSS line-height 属性
- CSS text-align 属性
- CSS text-decoration 属性
- CSS text-indent 属性
- CSS text-transform 属性
- CSS unicode-bidi 属性
- CSS white-space 属性
- CSS word-spacing 属性
- CSS3 hanging-punctuation 属性
- CSS3 punctuation-trim 属性
- CSS3 text-emphasis 属性
- CSS3 text-justify 属性
- CSS3 text-outline 属性
- CSS3 text-overflow 属性
- CSS3 text-shadow 属性
- CSS3 text-wrap 属性
- CSS3 word-break 属性
- CSS3 word-wrap 属性
- 2D/3D 转换属性(Transform)
- CSS3 transform 属性
- CSS3 transform-origin 属性
- CSS3 transform-style 属性
- CSS3 perspective 属性
- CSS3 perspective-origin 属性
- CSS3 backface-visibility 属性
- 过渡属性(Transition)
- CSS3 transition 属性
- CSS3 transition-property 属性
- CSS3 transition-duration 属性
- CSS3 transition-timing-function 属性
- CSS3 transition-delay 属性
- 用户界面属性(User-interface)
- CSS3 appearance 属性
- CSS3 box-sizing 属性
- CSS3 icon 属性
- CSS3 nav-down 属性
- CSS3 nav-index 属性
- CSS3 nav-left 属性
- CSS3 nav-right 属性
- CSS3 nav-up 属性
- CSS3 outline-offset 属性
- CSS3 resize 属性
- CSS 选择器参考手册
- CSS 听觉参考手册
- CSS 网络安全字体组合
- CSS 单位
- CSS 颜色
- CSS 合法颜色值
- CSS 颜色名
- CSS 颜色十六进制值
- 免责声明