CSS speak Property
Last Updated :
29 Sep, 2020
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.
Share your thoughts in the comments
Please Login to comment...