CSS elevation Property
Last Updated :
01 Oct, 2020
The CSS elevation property is used to set the sound source on the vertical axis depending on the listener’s environment.
Syntax:
elevation: angle:
Parameters: This property accepts single value as mentioned above and described below:
- angle: This parameter holds the angle of the source, where the sound is generated. There are few possible values that is accepted by this parameter in the range of 90deg to -90deg. Name of the positions is acceptable.
above = 90deg
level = 0deg
below = -90deg
higher = shifted upwards by 10deg compare to initial(0deg)
lower = shifted downwards by 10deg compare to initial(0deg)
Example 1:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
audio {
elevation: above;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p>CSS elevation Property</p>
<audio controls>
<source src=
type="audio/mp3">
</audio>
</body>
</html>
|
Output:
Example 2:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
audio {
elevation: below;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<p>CSS elevation Property</p>
<audio controls>
<source src=
type="audio/mp3">
</audio>
</body>
</html>
|
Output:
Supported Browsers: This property is deprecated in CSS3 so the major browsers are not supported by this property
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...