Posts tagged CSS Aural
CSS CUE-AFTER
0The ‘cue’ family of properties allows the attachment of key sounds (or “Auditory Icons†as the CSS spec refers to them) to elements. This allows an author to add distinguishing characteristics to semantic elements. This property specifically references a sound to be played after the element has been aurally rendered. If loading of a URL fails, nothing should be played, but if the system does not have the ability to play it, the spec says the system should try to use some sort of cue (audio, visual or other.)
Example strong { cue-after: url(orchestralsneeze.wav) }text
Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. none Play no sound after the element. [URL] Indicates the URL of a sound file to be played after the element. If loading of the indicated URL fails no sound will be played. IfCSS CUE-BEFORE
0The ‘cue’ family of properties allows the attachment of key sounds (or “Auditory Icons†as the CSS spec refers to them) to elements. This allows an author to add distinguishing characteristics to semantic elements. This property specifically references a sound to be played before the element has been aurally rendered. If loading of a URL fails, nothing should be played, but if the system does not have the ability to play it, the spec says the system should try to use some sort of cue (audio, visual or other.)
Example strong { cue-before: url(orchestralsneeze.wav) }text
Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. none Play no sound before the element. [URL] Indicates the URL of a sound file to be played before the element. If loading of the indicated URL fails no sound will be played. IfCSS CUE
0The ‘cue’ family of properties allows the attachment of key sounds (or “Auditory Icons†as the CSS spec refers to them) to elements. This allows an author to add distinguishing characteristics to semantic elements. ‘Cue’ is a shorthand property for setting both ‘cue-before’ and ‘cue-after’ property values. If two values are given, the first value is assigned to ‘cue-before’ and the second is ‘cue-after’. If only one value is given, it applies to both properties. If loading of a URL fails, nothing should be played, but if the system does not have the ability to play it, the spec says the system should try to use some sort of cue (audio, visual or other.)
Example strong { cue: url(orchestralsneeze.wav) url(quack.wav) }text
Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. none Play no sound before and after theCSS PAUSE-AFTER
0This property specifies a pause to be inserted after speaking an element’s content. The pause is inserted between the element’s content and any ‘cue-before’ or ‘cue-after’ content. Example blockquote { pause-after: 1.5s }
textPossible Values Value Description inherit Explicitly sets the value of this property to that of the parent. [time] Sets the pause length to a time measurement (see the time units for more details) [percentage] Refers to the inverse of the value of the ‘speech-rate’ property. (eg: a value of 100% for ‘pause-after’ with a ‘speech-rate’ of 60 words per minute would create a pause of 1 second.)
CSS PAUSE-BEFORE
0This property specifies a pause to be inserted before speaking an element’s content. The pause is inserted between the element’s content and any ‘cue-before’ or ‘cue-after’ content.
Example blockquote { pause-before: 1.5s }textPossible Values Value Description inherit Explicitly sets the value of this property to that of the parent. [time] Sets the pause length to a time measurement (see the time units for more details) [percentage] Refers to the inverse of the value of the ‘speech-rate’ property. (eg: a value of 100% for ‘pause-before’ with a ‘speech-rate’ of 60 words per minute would create a pause of 1 second.)
CSS PAUSE
0This is a shorthand property used to set the ‘pause-before’ and ‘pause-after’ properties. If two values are given, the first refers to ‘pause-before’ and the second to ‘pause-after’. If only one value is given, it is used for both properties.
Example blockquote { pause: 2s 3s }textPossible Values Value Description inherit Explicitly sets the value of this property to that of the parent. [time] Sets the pause length to a time measurement (see the time units for more details) [percentage] Refers to the inverse of the value of the ‘speech-rate’ property. (eg: a value of 100% for ‘pause-after’ with a ‘speech-rate’ of 60 words per minute would create a pause of 1 second.)
CSS PLAY-DURING
0This property specifies a sound to be played while an element’s content is rendered.
Example q { play-during: url(accordian.wav) mix }Some text
CSS SPEECH-RATE
0This property specifies the speaking rate (speed) of the content.
Example strong { speech-rate: fast }text
Possible Values Value Description inherit Explicitly sets the value of this property to that of the parent. x-slowslowmediumfastx-fast x-slow: 80 words per minuteslow: 120 words per minute
medium: 180 – 200 words per minute
fast: 300 words per minute
x-fast: 500 words per minute
slowerfaster slower: Subtracts 40 words per minute from the current speech-ratefaster: Adds 40 words per minute to the current speech-rate
[number] Positive number indicating speech-rate in words per minute.
2 years ago
