The voice-family property defines a comma-separated, prioritized list of voice family names.

  • Initial valueDepends on user agent
  • Applies toAll elements
  • InheritedYes
  • MediaAural
  • Computed valueSpecified value
  • AnimatableNo
  • CSS VersionCSS2, CSS3
  • JavaScript
Formal syntax: [[<name> | <generic-voice>],]* [<name> | <generic-voice>] | preserve 

voice-family: announcer, male;
<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.
.class {
   voice-family: announcer, male;

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.