Open In App

CSS elevation Property

Improve
Improve
Like Article
Like
Save
Share
Report

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



Last Updated : 01 Oct, 2020
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads