CSS voice-range Property

Description

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
medium
Applies to
All elements
Inherited
Yes
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)
Animatable
No
JavaScript syntax
object.style.voiceRange

Syntax

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

Values

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

Example

.class {
   voice-range: low; 
}

Browser Support

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

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