Open In App

CSS pitch-range Property

Last Updated : 16 Feb, 2023
Improve
Improve
Like Article
Like
Save
Share
Report

The CSS pitch-range property is used to set the frequency range of the voice. There will be a limit so the user do not get any kind of hearing issue.

Syntax:

pitch-range: number;

Parameters: This property accepts a single parameter as mentioned above and described below:

  • number: This parameter holds the frequency number that can be in the range of 0-100.

Example 1:

HTML




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


Output:

Example 2:

HTML




<!DOCTYPE html>
<html>
 
<head>
    <style>
        audio {
            pitch-range: 80;
        }
    </style>
</head>
 
<body style="text-align: center;">
    <h1 style="color: green;">GeeksforGeeks</h1>
 
    <p>CSS pitch-range 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
Previous
Next
Share your thoughts in the comments

Similar Reads