Definición | Ángulo donde se encuentra la fuente sonora |
---|---|
Valores permitidos | La explicación de los valores permitidos para esta propiedad es muy compleja debido a su gran flexibilidad. Existen seis opciones diferentes para establecer el valor o valores de esta propiedad:
|
Valor inicial | center |
Se aplica a | Todos los elementos |
Válida en | medios auditivos |
Se hereda | yes |
Definición en el estándar | w3.org/TR/CSS21/aural.html#propdef-azimuth |
Ejemplos de uso
La propiedad azimuth
indica el ángulo en el que se encuentra la fuente sonora, por lo que sólo tiene sentido para páginas HTML que reproduzcan sonidos.
La forma exacta en la que se consigue que un sonido parezca que proviene de una determinada posición depende de cada navegador, ya que el estándar no indica cómo conseguirlo. El siguiente ejemplo muestra cómo conseguir que los elementos <h1>
de la página se reproduzcan desde un ángulo de 45 grados respecto a la posición del usuario que está viendo la página. Además, los párrafos cuyo atributo class
sea comment
parecerá que se encuentran por detrás de la posición del usuario:
h1 { azimuth: 45deg; }
p.comment { azimuth: behind; }
Si el dispositivo en el que se está viendo la página no es capaz de reproducir sonidos por detrás de la posición del usuario, el navegador transforma valores como behind
a posiciones en la parte delantera del usuario. El estándar recomienda la siguiente fórmula para hacer la transformación:
- Si el ángulo
x
se encuentra entre90
grados y180
grados, la nueva posición es180 - x
grados. - Si el ángulo
x
se encuentra entre180
grados y270
grados, la nueva posición es540 - x
grados.
La siguiente tabla muestra la conversión entre las palabras clave de la propiedad y los grados utilizados como ángulo por el navegador:
Palabra clave | Grados | Grados si se usa behind |
---|---|---|
left-side |
270 |
270 |
far-left |
300 |
240 |
left |
320 |
220 |
center-left |
340 |
200 |
center |
0 |
180 |
center-right |
20 |
160 |
right |
40 |
140 |
far-right |
60 |
120 |
right-side |
90 |
90 |
leftwards |
Resta 20 grados |
Resta 20 grados |
rightwards |
Suma 20 grados |
Suma 20 grados |