Open In App

CSS pitch Property

Improve
Improve
Like Article
Like
Save
Share
Report

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



Last Updated : 07 Jan, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads