Skip to content
Related Articles

Related Articles

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



filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:

Example 2:

HTML

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


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 :