Skip to content
Related Articles

Related Articles

Improve Article

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




My Personal Notes arrow_drop_up
Recommended Articles
Page :