Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

CSS voice reference


May 05, 2021 CSS Reference Manual


Table of contents


CSS Voice Reference


The auditory style sheet uses a combination of speech synthesis and sound effects to allow users to listen to information rather than read it.

A sound display can be used to:

  • Blind people
  • Help users learn to read
  • Help users with reading problems
  • Family entertainment
  • It's in the car

Auditory rendering typically converts a document into plain text and then passes it on to a screen reader (a program that reads out all the characters on the screen).

An example of an auditory style sheet:

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

The above example uses a speech synthesizer to play a sound that begins with a male voice speaking.



CSS Voice Reference Manual

The CSS" column represents the property definition (CSS1 or CSS2) in the CSS version.

Property Description Values Css
azimuth Set where the sound should come from angle
left-side
far-left
left
center-left
center
center-right
right
far-right
right-side
behind
leftwards
rightwards
2
cue Set the cue property in a declaration cue-before
cue-after
2
cue-after Specify the sound to play after the contents of an element none
Url
2
cue-before Specifies the sound to play in front of the contents of an element none
Url
2
elevation Set where the sound should come from angle
below
level
above
higher
lower
2
pause Set the pause property in a declaration pause-before
pause-after
2
pause-after After the contents of an element, specify a pause time
%
2
pause-before Specify a pause before the contents of an element time
%
2
pitch Specify the voice of the speech frequency
x-low
low
medium
high
x-high
2
pitch-range Specify the change in the voice of the speech. ( A monotonous or dynamic sound?) number 2
play-during Specifies the sound to play when reading the contents of an element auto
none
Url
mix
repeat
2
richness Specify a rich voice to speak. ( A thick or thin sound? number 2
speak Specify whether the content will provide a way to hear normal
none
spell-out
2
speak-header This property sets or retrieves whether the table title sounds before all cells or ends in a cell that is not associated with it. always
once
2
speak-numeral Set or retrieve how numbers are pronounced. digits
continuous
2
speak-punctuation Set or retrieve how punctuation characters are pronounced none
code
2
speech-rate Specify the speed of speech number
x-slow
slow
medium
fast
x-fast
faster
slower
2
stress The voice of the speech is "accented" in the specified place number 2
voice-family Set or retrieve the current sound type specific-voice
generic-voice
2
volume Specify the volume of the speech number
%
silent
x-soft
soft
medium
loud
x-loud
2