Propiedad de señal CSS – Barcelona Geeks

Es una versión abreviada de la propiedad cue-before y cue-after. Especifica que se reproduce un icono auditivo antes o después del elemento para distinguir y configurar el elemento.

Sintaxis:

cue: <cue-before> <cue-after>?

Valores de propiedad:

CSS cue-before: se utiliza para definir un icono auditivo que se reproduce antes del elemento para distinguirlo y configurarlo.

Sintaxis:

cue-before: url|none;

Ejemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <style> 
        .gfg { 
            cue-before: url("bell.wav"); 
        } 
    </style> 
</head> 
  
<body style="text-align: center;"> 
    <h1 style="color: green;">GeeksforGeeks</h1> 
    <p class="gfg">CSS cue-before Property</p>
   
    <audio controls> 
        <source src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
        type="audio/mp3"> 
    </audio> 
</body> 
  
</html> 

Producción:

Cue-after de CSS: se utiliza para definir un icono auditivo que se reproduce después del elemento para distinguirlo y configurarlo.

Sintaxis:

cue-after: url | none ;

Ejemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <style> 
        .gfg { 
            cue-after: url("bell.wav"); 
        } 
    </style> 
</head> 
  
<body style="text-align: center;"> 
    <h1 style="color: green;">GeeksforGeeks</h1> 
    <p class="gfg">CSS cue-after Property</p>
   
    <audio controls> 
        <source src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
        type="audio/mp3"> 
    </audio> 
</body> 
  
</html> 

Producción:

Publicación traducida automáticamente

Artículo escrito por GeeksforGeeks y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta