The CSS richness property is used to set the richness or brightness of the statement or audio which will play or read.
Syntax:
richnes: number;
Parameters: This property accepts a single parameter as mentioned above and described below:
- number: This parameter holds the value in an integer form between 0-100 for the richness applied on the audio or on the statement.
Example 1: In this example, we will set richness on the p tag’s element.
HTML
<!DOCTYPE html> <html>
<head>
<style>
p {
richness: 75;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p>CSS richness Property</p>
<audio controls>
<source src=
type="audio/mp3">
</audio>
</body>
</html>
|
Output:
Example 2: In this example, we will use richness on the audio.
HTML
<!DOCTYPE html> <html>
<head>
<style>
audio {
richness: 75;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<p>CSS richness 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.