CSS volume Property

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

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
Computed value
Number
Animatable
No
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

The following table will show you the current browser support for the CSS volume property.

Desktop
Edge Chrome Firefox Opera Safari
?????
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
??????