# 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 顏色十六進制值
- 免責聲明