Skip to content
Related Articles

Related Articles

Improve Article

CSS richness Property

  • Last Updated : 29 Sep, 2020

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.




My Personal Notes arrow_drop_up
Recommended Articles
Page :