CSS speak Property

Note: The speak property is obsolete and has very limited browser support. Consider using modern accessibility APIs for aural rendering.

The speak property defines whether or not the text should be rendered aurally.

It has six values. The following values are specified in CSS2.1:

Additional values are defined in the CSS Speech Module:

Syntax

CSS speak syntax

speak: auto | normal | spell-out | none | never | always | initial | inherit;

CSS speak code example

.example {
  speak: none;
}

Value	Description
`none`	Prevents the element and its contents from being rendered aurally.
`normal`	Uses language-dependent pronunciation rules for rendering an element and its children.
`spell-out`	Spells the text one letter at a time, typically used for acronyms and abbreviations.
`auto`	Resolves to a computed value of `none` when `display` is `none`, otherwise resolves to `auto` which yields a used value of `normal`.
`never`	Prevents the element from being rendered aurally.
`always`	The element is rendered aurally.
`initial`	Makes the property use its default value.
`inherit`	Inherits the property from its parent element.

What is the use of the 'speak' property in CSS, and what values can it take?

It defines whether an element will be visually displayed or not, and the possible values are 'none', 'normal', and 'no-punctuation'.
It controls how textual content is rendered visually, and the possible values are 'none', 'block', and 'inline'.
It determines if a punctuation character should be spoken by speech-based media, and the possible values are 'none', 'normal', and 'no-punctuation'.
It determines how an element will be spoken by speech-based media, and the possible values are 'none', 'normal', and 'no-punctuation'.