Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

CSS pitch Property

  • Last Updated : 07 Jan, 2021

The CSS pitch property is used to define the frequency of the voice. Each one produces different frequencies of voices. Changing the frequency of any voice places the impact on the listener differently.

Syntax:

pitch: frequency;

Property Value: This property accepts a single value as mentioned above and described below:

  • frequency: This property value holds the value for the frequency, possible values are x-high, high, medium, low, x-low.

Example 1:

HTML






<!DOCTYPE html>
<html>
  
<head>
    <style>
        audio {
            pitch: x-high;
        }
    </style>
</head>
  
<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <p>CSS pitch Property</p>
  
    <audio controls>
        <source src=
            type="audio/mp3">
    </audio>
</body>
  
</html>

Output:

Example 2:

HTML




<!DOCTYPE html>
<html>
  
<head>
    <style>
        audio {
            pitch: x-low;
        }
    </style>
</head>
  
<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <p>CSS pitch 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 supporting this property




My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!