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 | |||||
![]() |
![]() |
![]() |
![]() |
![]() |
|
? | ? | ? | ? | ? |
Tablets / Mobile | |||||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
? | ? | ? | ? | ? | ? |