The voice-balance property refers to the balance between left and right channels, and presumes a two channel (stereo) model that is widely supported on consumer audio equipment.

  • Initial valuecenter
  • Applies toAll elements
  • InheritedYes
  • MediaSpeech
  • Computed valueThe specified value resolved to a [number] between '-100' and '100' (inclusive)
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.voiceBalance
Formal syntax: <number> | left | center | right | leftwards | rightwards 

voice-balance: 0;
voice-balance: [value];
  • <number>A number between '-100' and '100' (inclusive).
  • leftSame as '-100'.
  • centerSame as '0'.
  • rightSame as '100'.
  • leftwardsMoves the sound to the left, by subtracting 20 from the inherited 'voice-balance' value, and by clamping the resulting number to '-100'.
  • rightwardsMoves the sound to the right, by adding 20 to the inherited 'voice-balance' value, and by clamping the resulting number to '100'.
  • inherit
.class {
   voice-balance: right; 
}
noFirefoxnoExplorernoChromenoSafarinoOpera


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.