CSS speak-as Property
Description
The speak-as property determines in what manner text gets rendered aurally, based upon a predefined list of possibilities.
- Initial value
- normal
- Applies to
- All elements
- Inherited
- Yes
- Media
- Speech
- Computed value
- Specified value
- Animatable
- No
- CSS Version
- CSS3
- JavaScript syntax
- object.style.speakAs
Syntax
Formal syntax: normal | spell-out || digits || [ literal-punctuation | no-punctuation ] speak-as: [value];
Values
- normalUses language-dependent pronunciation rules for rendering the element's content. For example, punctuation is not spoken as-is, but instead rendered naturally as appropriate pauses.
- spell-outSpells the text one letter at a time (useful for acronyms and abbreviations).
- digitsSpeak numbers one digit at a time, for instance, "twelve" would be spoken as "one two", and "31" as "three one".
- literal-punctuationPunctuation such as semicolons, braces, and so on is named aloud (i.e. spoken literally) rather than rendered naturally as appropriate pauses.
- no-punctuationPunctuation is not rendered: neither spoken nor rendered as pauses.
Example
.class {
speak-as: spell-out;
}Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| ? | ? | ? | ? | ? | ? |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| ? | ? | ? | ? | ? | ? |