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 */