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
Explorer Edge Chrome Firefox Opera Safari
??????
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
??????