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

  • Initial valuemedium
  • Applies toAll elements
  • InheritedYes
  • MediaAural
  • Computed valueNumber
  • AnimatableNo
  • CSS VersionCSS2, CSS3
  • JavaScript syntaxobject.style.volume
Formal syntax: <number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inherit

volume: 4;
volume: 10%;
volume: [value];
  • <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
.class {
   volume: loud;
}
3+Firefox6+Explorer1+Chrome1.2+Safari8+Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.