A propriedade speak do CSS é usada para definir se o texto deve ser renderizado auditivamente.

Sintaxe:

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

Parâmetros: esta propriedade aceita seis parâmetros conforme mencionado acima e descrito abaixo:

  • auto: este parâmetro diz aos navegadores para agirem normalmente, como deveria ser, significa que se a propriedade de exibição não estiver bloqueada, ela ficará visível e será lida auditivamente.
  • normal: este parâmetro instrui os navegadores a seguir a pronúncia do idioma local de acordo com os elementos pai e filho.
  • soletrar: este parâmetro é usado para definir a grafia do texto um de cada vez.
  • nunca: este parâmetro faz com que o elemento não seja renderizado auditivamente.
  • always: Este parâmetro faz com que o elemento seja renderizado auditivamente o tempo todo.
  • nenhum: Este parâmetro é para interromper o tempo de renderização, ele estará disponível sem necessidade de tempo.

Exemplo 1:

<!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>

Saída:

Exemplo 2:

<!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>

Saída:

Navegadores compatíveis: esta propriedade foi descontinuada no CSS3, portanto, os principais navegadores não são compatíveis com esta propriedade.