The CSS speak property is used to define whether the text should be rendered aurally.
Syntax:
speak: auto | normal | spell-out | none
| never | always| initial | inherit;
Parameters: This property accepts six parameters as mentioned above and described below:
- auto: This parameter tells the browsers to act normal as it should be means if the display property is not blocked then it will visible and read aurally.
- normal: This parameter tells browsers to follow the local language pronunciation according to parent and child elements.
- spell-out: This parameter is used to define to spell the text one later at a time.
- never: This parameter makes the element not to rendered aurally.
- always: This parameter makes the element to rendered aurally all the time.
- none: This parameter is to stop the rendering time it will be available with no require time.
Example 1:
HTML
<!DOCTYPE html> <html>
<head>
<style>
.number {
speak: none;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p>CSS speak Property</p>
<ol class="number">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ol>
</body>
</html>
|
Output:
Example 2:
HTML
<!DOCTYPE html> <html>
<head>
<style>
.spanis {
speak: always;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<p>CSS speak Property</p>
<ul class="spanis">
<li>Ramos</li>
<li>Piquee</li>
</ul>
</body>
</html>
|
Output:
Supported Browsers: This property is deprecated in CSS3 so the major browsers are not supported by this property.