Deprecated
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
In combination with elevation
, the azimuth
CSS property enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage.
Initial value | center |
---|---|
Applies to | all elements |
Inherited | yes |
Computed value | normalized angle |
Animation type | discrete |
Syntax
<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] | behind ] | leftwards | rightwards
Values
- angle
- Audible source position is described as an angle within the range
-360deg
to360deg
. The value0deg
means directly ahead in the center of the sound stage (this is the default value).90deg
is to the right,180deg
is behind, and270deg
or-90deg
is to the left.
Positional keywords
left-side
: Same as270deg
.left-side behind
: Same as270deg
.far-left
: Same as300deg
.far-left behind
: Same as240deg
.left
: Same as320deg
.left behind
: Same as220deg
.center-left
: Same as340deg
.center-left behind
: Same as200deg
.center
: Same as0deg
.center behind
: Same as180deg
.center-right
: Same as20deg
.center-right behind
: Same as160deg
.right
: Same as40deg
.right behind
: Same as140deg
.far-right
: Same as60deg
.far-right behind
: Same as120deg
.right-side
: Same as90deg
.right-side behind
: Same as90deg
.behind
: Same as180deg
. Also used as a modifier for other positional keyword values, as above.leftwards
: Moves the sound counter-clockwise by 20 degrees, relative to the current angle.rightwards
: Moves the sound clockwise by 20 degrees, relative to the current angle.
Examples
h1 { azimuth: 30deg; } td.a { azimuth: far-right; } /* 60deg */ #12 { azimuth: behind far-right; } /* 120deg */ p.comment { azimuth: behind; } /* 180deg */
Specifications
Specification | Status | Comment |
---|---|---|
CSS Level 2 (Revision 1) The definition of 'azimuth' in that specification. |
Recommendation | Initial definition. |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
azimuth | Chrome No support No | Edge No support No | Firefox No support No | IE No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox Android No support No | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
Legend
- No support
- No support
- Non-standard. Expect poor cross-browser support.
- Non-standard. Expect poor cross-browser support.