CSS elevation

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

The elevation property is used for aural presentation. As the CSS specification states:

Spatial audio is an important stylistic property for aural presentation. It provides a natural way to tell several voices apart, as in real life (people rarely all stand in the same spot in a room).

The elevation property allows you to specify the elevation of the voice, either as an angle, or a keyword. This is the vertical position of the voice (eg, above, below, etc)

Also see the azimuth property for specifying the horizontal position of the voice.

Syntax

Possible Values

<angle>

Specify an angle between -90deg and 90 deg.

below

Same as '-90deg'.

level

Same as '0deg'.

above

Same as '90deg'.

higher

Adds 10 degrees to the current elevation.

lower

Subtracts 10 degrees to the current elevation.

inherit

Represents the computed value of the property on the element's parent.

General Information

Example Code

Official Specifications

• The elevation property is defined in Appendix A. Aural style sheets of Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification (W3C Recommendation 07 June 2011).

  Appendix A. Aural style sheets has since been deprecated in favor of CSS Speech Module (W3C Candidate Recommendation 20 March 2012) which doesn't include the elevation property.