CSS speak Property

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:

Other values are specified in CSS3:

The speak property has been deprecated.

Syntax

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

.example {
  speak: none;
}

Value	Description
none	Forbid aural rendering so that the element requires no time to render. This value is specified in CSS2.1.
normal	Uses language-dependent pronunciation rules for rendering an element and its children. This value is specified in CSS2.1.
spell-out	Spells the text one letter at a time which is used for acronyms and abbreviations. This value is deprecated. This value is specified in CSS2.1.
auto	Resolves to a computed value of 'none' when 'display' is 'none', otherwise resolves to a computed value of 'auto' which yields a used value of 'normal'. This value is specified in CSS3.
never	Makes an element to not be rendered. This value is specified in CSS3.
always	The element is rendered aurally. This value is specified in CSS3.
initial	Makes the property use its default value.
inherit	Inherits the property from its parents 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'.

Ready to challenge what you've learned? Dive into our interactive quizzes for a deeper understanding and a fun way to reinforce your knowledge.

Do you find this helpful?