CSS voice-range Property


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.

The voice-range property has been deprecated or is no longer in any CSS working groups.

Initial value
Applies to
All elements
Computed value
One 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)
JavaScript syntax


voice-range: <frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]


  • <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; 

Browser Support

The following table will show you the current browser support for the CSS voice-range property.

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