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
- Initial Value
level
- Applies To
- All elements
- Inherited?
- Yes
- Media
- Aural
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.