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> 