References : Style sheets
Aural style sheet properties
Aural style sheets, a new functionality from CSS2, are mainly intended for Internet surfers with impaired vision. An aural rendering uses speech synthesis in order to read a page content. The aural style sheets gave birth to the concept of an aural canvas, and use a three-dimensional physical space and a temporal space to output sound as page elements are displayed and selected.
azimuth |
cue |
cue-after, cue-before
|
elevation |
pause |
pause-after, pause-before
|
pitch |
pitch-range |
play-during |
richness
|
speak |
speak-header |
speak-numeral |
speak-punctuation
|
speech-rate |
stress |
voice-family |
volume
| azimuth |
|
|
| Allows you to position the audio output. This is intended for spatial audio and multi-speaker systems. |
| |
| CSS2 value | <angle> | [[left-side | far-left | left | center-left | center | center-right | right | far-right | right-side] || behind ]| leftwards | rightwards | inherit |
| |
| Initial value | center |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| cue |
|
|
| Defines the cue-before and cue-after properties. Produces a sound before or after an element appears. |
| |
| CSS2 value | cue-before | cue-after | inherit |
| |
| Initial value | Not defined. |
| |
| Applied to | All elements. |
| |
| Inherited | No. |
| |
Top |
|
| cue-after, cue-before |
|
|
| Outputs a sound after (cue-after) or before (cue-before) an element appears. |
| |
| CSS2 value | <uri> | none | inherit |
| |
| Initial value | none |
| |
| Applied to | All elements. |
| |
| Inherited | No. |
| |
Top |
|
| elevation |
|
|
| Positions the angle of a sound. This is intended for spatial audio and multi-speaker systems. |
| |
| CSS2 value | <angle> | below | level | above | higher | lower | inherit |
| |
| Initial value | level |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| pause |
|
|
| Defines the pause-before and pause-after properties. |
| |
| CSS2 value | <time> | <percentage> | inherit |
| |
| Initial value | Depends on the browser. |
| |
| Applied to | All elements. |
| |
| Inherited | No. |
| |
Top |
|
| pause-after, pause-before |
|
|
| Specifies a pause to be observed before or after the aural rendering or speaking of an element's content. |
| |
| CSS2 value | <time> | <percentage> | inherit |
| |
| Initial value | Depends on the browser. |
| |
| Applied to | All elements. |
| |
| Inherited | No. |
| |
Top |
|
| pitch |
|
|
| Specifies the average pitch of the speaking voice. |
| |
| CSS2 value | <frequency> | x-low | low | medium | high | x-high | inherit |
| |
| Initial value | medium |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
| Notes | The average frequency for a standard male voice is around 120Hz and, for a female voice, around 210Hz. |
| |
Top |
|
| pitch-range |
|
|
| Specifies a variation in the average frequency. Allows an author to introduce some nuances and to animate the voice. |
| |
| CSS2 value | <number> | inherit |
| |
| Initial value | 50 |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| play-during |
|
|
| Specifies a sound to be played in the background while an element's content is being spoken. |
| |
| CSS2 value | <uri> | mix? | repeat? | auto | none | inherit |
| |
| Initial value | auto |
| |
| Applied to | All elements. |
| |
| Inherited | No. |
| |
Top |
|
| richness |
|
|
| Specifies the warmth and depth of the speaking voice. |
| |
| CSS2 value | <number> | inherit |
| |
| Initial value | 50 |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| speak |
|
|
| Specifies if and how the text should be read. |
| |
| CSS2 value | normal | none | spell-out | inherit |
| |
| Initial value | normal |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| speak-header |
|
|
| Specifies whether table headers should be aurally rendered before every cell, or only before one that is associated with a header which is different from that of the previous cell. |
| |
| CSS2 value | once | always | inherit |
| |
| Initial value | once |
| |
| Applied to | Elements containing header information. |
| |
| Inherited | Yes. |
| |
Top |
|
| speak-numeral |
|
|
| Specifies whether numerals should be rendered as individual digits (100 is read "one zero zero") or as full numbers (100 is read "hundred"). |
| |
| CSS2 value | digits | continuous | inherit |
| |
| Initial value | continuous |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| speak-punctuation |
|
|
| Controls how punctuation is rendered: either literally (comma, full stop, etc.) or naturally, by making a number of pauses. |
| |
| CSS2 value | code | none | inherit |
| |
| Initial value | none |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| speech-rate |
|
|
| Specifies the reading speed. |
| |
| CSS2 value | <number> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit |
| |
| Initial value | medium |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| stress |
|
|
| Specifies the height of "local peaks" in the intonation of a voice. The amount of inflection is controlled through the stress markers. |
| |
| CSS2 value | <number> | inherit |
| |
| Initial value | 50 |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
| Notes | Supplements the pitch-range property. |
| |
Top |
|
| voice-family |
|
|
| Specifies a comma-separated list of voice families. |
| |
| CSS2 value | <specific-voice> | <generic-voice> | inherit |
| |
| Initial value | Depends on the browser. |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
Top |
|
| volume |
|
|
| Specifies the average volume of a waveform. The values range from 0 (minimum audible level) to 100 (maximum comfort level). |
| |
| CSS2 value | <number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inherit |
| |
| Initial value | medium |
| |
| Applied to | All elements. |
| |
| Inherited | Yes. |
| |
| Notes | x-soft = 0, soft = 25, medium = 50, loud = 75, et x-loud = 100. |
| |
Top |
|