CSS AZIMUTH
In an optimal listening environment, the soundstage is considered to be parallel to the floor, with origin point at the listeners head. The ideal listening position is considered to be perfectly facing the main sound reproduction source(s) at an optimal distance. This property describes the radial position (360 degree measure) on this listening plane. An imaginary axis can be drawn straight ahead of the listener with the imaginary line serving as the origin. Rightward angle measures are positive and leftward, negative.
Example
.rightdude { azimuth: 45deg }
<p style=”azimuth: 45deg”>test text in the paragraph</p>
Possible Values
| Value | Description |
|---|---|
| inherit | Explicitly sets the value of this property to that of the parent. |
|
left-side far-left left center-left center center-right right far-right right-side |
left-side: 270 degrees or -90 degrees far-left: 300 degrees or -60 degrees left: 320 degrees or -40 degrees center-left: 340 degrees or -20 degrees center: 0 degrees center-right: 20 degrees or -340 degrees right: 40 degrees or -320 degrees far-right: 60 degrees or 300 degrees right-side: 90 degrees or -270 degrees |
| leftwards rightwards |
leftwards: counter-clockwise 20 degrees from an inherited or absolute reference angle. rightwards: clockwise 20 degrees from an inherited or absolute reference angle. |
| [angle] | Refers to an angle off of the reference line in the sound stage plane (-360 to 360 degrees.) ’0deg’ is directly ahead of the listener, ’90deg’(-270deg) is to the right, ’180deg’(-180deg) behind, and ’270deg’(-90deg) to the left. |


16 Responses
Hi,
I tired using the azimuth property and I even used the example that you have above, but it did not work. I tired it on Firefox and IE. What could be causing the problem? I look forward to your help.
@ Andrew:
This method is for styling sound. It determines which direction the sound should come from.
how it work i don’t know. can any body tell me please that how it work. please……………………………………..
Without looking it up further I suppose it is for screen readers. Consider that you have a dialogue on your HTML page, and a screen reader will read it out loud for you – with this property, you can make sure one person’s speech comes from the left and the other’s from the right (and the rest comes in stereo).
可以写个简单的例子么?
How it work i don’t know. Can anyone help me….
Thanks, This information is very useful for me. Thanks man!
I am not able to understand this azimuth property.
Even i tried this example as well but it didn’t worked. Can you plz help me.
If possible, give demo.
[...] CSS Azimuth [...]
Great responses here. I will see if we can do a current blog / tutorial to better illustrate this concept.
This should be called “Pan” regardless of the bizarre and overcomplicated method used to control it. Humans familiar with audio know what pan means.
I am not able to understand this azimuth property. Can you explain me.
Azimuth explained
The CSS azimuth property is part of CSS aural content programming. It is used to specify the -360° to 360° horizontal direction a sound is coming from.
Source http://www.developphp.com/view_lesson.php?v=689
Hope this helps
If possible, give demo.
Great responses here. I will see if we can do a current blog / tutorial to better illustrate this concept.