CSS voice-family Property
Description
The voice-family
property defines a comma-separated, prioritized list of voice family names.
The voice-family property has been deprecated or is no longer in any CSS working groups.
- Initial value
- Depends on user agent
- Applies to
- All elements
- Inherited
- Yes
- Media
- Aural
- Computed value
- Specified value
- Animatable
- No
- CSS Version
- CSS2, CSS3
- JavaScript syntax
- object.style.voiceFamily
Syntax
voice-family: [[<name> | <generic-voice>],]* [<name> | <generic-voice>] | preserve
Values
<generic-voice> = [<age>? <gender> <integer>?]- <name>Values are specific voice instances (e.g., Mike, comedian, mary, carlos2, "valley girl"). Voice names must either be given quoted as strings, or unquoted as a sequence of one or more identifiers.
- <age>Possible values are 'child', 'young' and 'old', indicating the preferred age category to match during voice selection.
- <gender>One of the keywords 'male', 'female', or 'neutral', specifying a male, female, or neutral voice, respectively.
- <integer>An integer indicating the preferred variant (e.g. "the second male child voice"). Only positive integers (i.e. excluding zero) are allowed. The value "1" refers to the first of all matching voices.
- preserveIndicates that the 'voice-family' value gets inherited and used regardless of any potential language change within the content markup (see the section below about voice selection and language handling). This value behaves as 'inherit' when applied to the root element.
Example
.class {
voice-family: announcer, male;
}
Browser Support
Desktop | |||||
? | ? | ? | ? | ? | ? |
Tablets / Mobile | |||||
![]() |
|||||
? | ? | ? | ? | ? | ? |