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