CSS azimuth

The CSS azimuth property is an aural property that helps you create surround sound on audio devices.

Syntax:

azimuth: <value>

Possible Values:

Values are expressed as an 'angle' within the range '-360deg' to '360deg'. '0deg' is directly ahead in the center of the sound stage. '90deg' is to the right, '180deg' behind, and '270deg' (or '-90deg') to the left.

left-side
Same as '270deg'. With 'behind', '270deg'.
far-left
Same as '300deg'. With 'behind', '240deg'.
left
Same as '320deg'. With 'behind', '220deg'.
center-left
Same as '340deg'. With 'behind', '200deg'.
center
Same as '0deg'. With 'behind', '180deg'.
center-right
Same as '20deg'. With 'behind', '160deg'.
right
Same as '40deg'. With 'behind', '140deg'.
far-right
Same as '60deg'. With 'behind', '120deg'.
right-side
Same as '90deg'. With 'behind', '90deg'.
leftwards
Moves the sound to the left, relative to the current angle - it subtracts 20 degrees.
Moves the sound to the right, relative to the current angle - it adds 20 degrees.

Initial Value:

center

Applies to:

All elements

Inherited:

Yes

Media:

Aural

Example:

h1 { azimuth: 30deg }
p.note { azimuth: far-right } /* 60 degrees */

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_azimuth.cfm">CSS azimuth</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites