CSS volume Property

Description

The volume property defines the median volume of the spoken element.

The volume property has been deprecated or is no longer in any CSS working groups.

Initial value
medium
Applies to
All elements
Inherited
Yes
Media
Aural
Computed value
Number
Animatable
No
CSS Version
CSS2, CSS3
JavaScript syntax
object.style.volume

Syntax

volume: <number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inherit

Values

  • <number>Any number between '0' and '100'. '0' represents the minimum audible volume level and 100 corresponds to the maximum comfortable level.
  • <percentage>Percentage values are calculated relative to the inherited value, and are then clipped to the range '0' to '100'.
  • silentNo sound at all. The value '0' does not mean the same as 'silent'.
  • x-softSame as '0'.
  • softSame as '25'.
  • mediumSame as '50'.
  • loudSame as '75'.
  • x-loudSame as '100'.
  • inherit

Example

.class {
   volume: loud;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
??????
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
??????