The speak-as property determines in what manner text gets rendered aurally, based upon a predefined list of possibilities.

  • Initial valuenormal
  • Applies toAll elements
  • InheritedYes
  • MediaSpeech
  • Computed valueSpecified value
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.speakAs
Formal syntax: normal | spell-out || digits || [ literal-punctuation | no-punctuation ]

speak-as: [value];
  • 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.
.class {
   speak-as: spell-out;
}
?Firefox?Explorer?Chrome?Safari?Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.