Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Selected Reading
CSS elevation Property
The elevation property in CSS sets the vertical position of a sound source in 3D audio space. This property is part of the aural stylesheet properties designed for speech synthesizers and audio browsers.
Syntax
selector {
elevation: value;
}
Possible Values
| Value | Description |
|---|---|
angle |
Specifies elevation as an angle between -90deg and 90deg |
below |
Same as -90deg (directly below the listener) |
level |
Same as 0deg (on the forward horizon) |
above |
Same as 90deg (directly overhead) |
higher |
Adds 10 degrees to the current elevation |
lower |
Subtracts 10 degrees from the current elevation |
Example
The following example demonstrates different elevation values for audio positioning −
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
elevation: above;
}
.row-a {
elevation: 60deg;
}
.row-b {
elevation: 30deg;
}
.row-c {
elevation: level;
}
.below-sound {
elevation: below;
}
</style>
</head>
<body>
<h1>Header with Above Elevation</h1>
<p class="row-a">Text with 60 degree elevation</p>
<p class="row-b">Text with 30 degree elevation</p>
<p class="row-c">Text with level elevation</p>
<p class="below-sound">Text with below elevation</p>
</body>
</html>
The elevation property affects audio positioning but has no visual effect in standard browsers. Audio-enabled devices would position sounds vertically according to the specified angles.
Browser Support
The elevation property is part of CSS2 aural stylesheets but is not widely supported by modern browsers. It's primarily intended for screen readers and specialized audio browsers.
Conclusion
The elevation property controls vertical audio positioning in 3D space. While not visually apparent in standard browsers, it's useful for accessibility applications and audio-enabled devices that support spatial audio rendering.
Updated on: 2026-03-15T11:47:28+05:30
1K+ Views
Advertisements