Easy Tutorial
❮ Css3 Pr Box Pack Pr Padding Right ❯

CSS "Auditory Style Sheet Reference"


Auditory style sheets combine speech synthesis and sound effects to allow users to listen to information instead of reading it.

Audio presentation can be used for:

Auditory presentation typically converts documents into plain text and then transmits them to screen readers (a program that reads all characters on the screen).

An example of an auditory style sheet:

Example

h1, h2, h3, h4 {
    voice-family: male;
    richness: 80;
    cue-before: url("beep.au")
}

The example above uses a speech synthesizer to play sounds, starting with a male voice.


CSS Auditory Reference

The CSS "table" lists the property definitions for the CSS version (CSS1 or CSS2).

Property Description Values CSS
azimuth Sets where the sound should come from angle <br>left-side <br>far-left <br>left <br>center-left <br>center <br>center-right <br>right <br>far-right <br>right-side <br>behind <br>leftwards <br>rightwards 2
cue Sets cue properties in one declaration cue-before<br>cue-after 2
cue-after Specifies the sound to play after an element's content none <br>url 2
cue-before Specifies the sound to play before an element's content none <br>url 2
elevation Sets where the sound should come from angle <br>below <br>level <br>above <br>higher <br>lower 2
pause Sets pause properties in one declaration pause-before<br>pause-after 2
pause-after Specifies the pause after an element's content time<br>% 2
pause-before Specifies the pause before an element's content time<br>% 2
pitch Specifies the speaking voice frequency <br>x-low <br>low <br>medium <br>high <br>x-high 2
pitch-range Specifies the variation in the speaking voice (monotone or dynamic) number 2
play-during Specifies the sound to play while reading an element's content auto <br>none <br>url <br>mix <br>repeat 2
richness Specifies the richness of the speaking voice (full-bodied or thin) number 2
speak Specifies whether the content will be provided in an auditory manner normal <br>none <br>spell-out 2
speak-header This property sets or retrieves whether table headers are spoken before all cells or until an unrelated cell is reached. always <br>once 2
speak-numeral Sets or retrieves how numbers are pronounced. digits <br>continuous 2
speak-punctuation Sets or retrieves how punctuation characters are pronounced none <br>code 2
speech-rate Specifies the speaking rate number <br>x-slow <br>slow <br>medium <br>fast <br>x-fast <br>faster <br>slower 2
stress Specifies the "accent" in the speaking voice number 2
voice-family Sets or retrieves the current voice type specific-voice<br>generic-voice 2
volume Specifies the volume of the speech number %silent <br>x-soft <br>soft <br>medium <br>loud <br>x-loud 2
❮ Css3 Pr Box Pack Pr Padding Right ❯