The voice-range property specifies variation in average pitch. The perceived pitch of a human voice is determined by the fundamental frequency and typically has a value of 120Hz for a male voice and 210Hz for a female voice. Human languages are spoken with varying inflection and pitch; these variations convey additional meaning and emphasis. Thus, a highly animated voice, i.e., one that is heavily inflected, displays a high pitch range. This property specifies the range over which these variations occur, i.e., how much the fundamental frequency may deviate from the average pitch.

  • Initial valuemedium
  • Applies toAll elements
  • InheritedYes
  • MediaSpeech
  • Computed valueOne of the predefined pitch keywords if only the keyword is specified by itself, otherwise an absolute frequency calculated by converting the keyword value (if any) to a fixed frequency based on the current voice-family and by applying the specified relative offset (if any)
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript
Formal syntax: <frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]

voice-range: 10Hz;
voice-range: 25%;
voice-range: [value];
  • <frequency>A value in frequency units (Hertz or kiloHertz, e.g. "100Hz", "+2kHz"). Values are restricted to positive numbers when the 'absolute' keyword is specified.
  • absoluteIf specified, this keyword indicates that the specified frequency represents an absolute value. If a negative frequency is specified, the computed frequency will be zero.
  • <semitones>Specifies a relative change (decrement or increment) to the inherited value. The syntax of allowed values is a followed immediately by "st" (semitones).
  • <percentage>Positive and negative percentage values are allowed, to represent an increment or decrement (respectively) relative to the inherited value.
  • x-lowA sequence of monotonically non-decreasing pitch levels that are implementation and voice specific. When the computed value for a given element is only a keyword (i.e. no relative offset is specified), then the corresponding absolute frequency will be re-evaluated on a voice change.
  • lowSee x-low
  • mediumSee x-low
  • highSee x-low
  • x-highSee x-low
.class {
   voice-range: low; 

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.