This is the Standard reference for speech.
The vocabulary comes from the teacss-ts Storybook at revision
9de266d for package version 0.10.11.
Each value list gives finite examples and named values for its prefixes. A
bracket or variable example demonstrates that open form for the same prefix;
the listed arbitrary literals are samples, not every accepted literal. Check
the Storybook token reference for more examples,
and do not infer support from a different prefix.
speak
Interactive example.
Prefixes: speak. Example: speak:auto. It emits speak:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (3)
auto, never, always
voice-family
Interactive example. Maturity: advanced. Browser support: CSS Speech support varies widely by browser and assistive technology.
Prefixes: voice-family. Example: voice-family:preserve. It emits voice-family:preserve;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (6)
preserve, male, female, neutral, [announcer], [announcer,_old_male]
voice-rate
Interactive example. Maturity: advanced. Browser support: CSS Speech support varies widely by browser and assistive technology.
Prefixes: voice-rate. Example: voice-rate:normal. It emits voice-rate:normal;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (9)
normal, x-slow, slow, medium, fast, x-fast, 80, 120, [fast_120%]
voice-pitch
Interactive example. Maturity: advanced. Browser support: CSS Speech support varies widely by browser and assistive technology.
Prefixes: voice-pitch. Example: voice-pitch:x-low. It emits voice-pitch:x-low;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (8)
x-low, low, medium, high, x-high, +2st, 50%, [200Hz_absolute]
voice-range
Interactive example. Maturity: advanced. Browser support: CSS Speech support varies widely by browser and assistive technology.
Prefixes: voice-range. Example: voice-range:x-low. It emits voice-range:x-low;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (8)
x-low, low, medium, high, x-high, +2st, 50%, [200Hz_absolute]
voice-volume
Interactive example. Maturity: advanced. Browser support: CSS Speech support varies widely by browser and assistive technology.
Prefixes: voice-volume. Example: voice-volume:silent. It emits voice-volume:silent;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (9)
silent, x-soft, soft, medium, loud, x-loud, -6dB, +3dB, [soft_-3dB]
voice-stress
Interactive example. Maturity: advanced. Browser support: CSS Speech support varies widely by browser and assistive technology.
Prefixes: voice-stress. Example: voice-stress:normal. It emits voice-stress:normal;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (5)
normal, strong, moderate, none, reduced
voice-balance
Interactive example. Maturity: advanced. Browser support: CSS Speech support varies widely by browser and assistive technology.
Prefixes: voice-balance. Example: voice-balance:left. It emits voice-balance:left;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (8)
left, center, right, leftwards, rightwards, -50, 0, 50
voice-duration
Interactive example. Maturity: advanced. Browser support: CSS Speech support varies widely by browser and assistive technology.
Prefixes: voice-duration. Example: voice-duration:auto. It emits voice-duration:auto;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (3)
auto, 500, 1.25s
pause-before
Interactive example.
Prefixes: pause-before. Example: pause-before:none. It emits pause-before:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (8)
none, x-weak, weak, medium, strong, x-strong, 200, 1s
pause-after
Interactive example.
Prefixes: pause-after. Example: pause-after:none. It emits pause-after:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (8)
none, x-weak, weak, medium, strong, x-strong, 200, 1s
rest-before
Interactive example.
Prefixes: rest-before. Example: rest-before:none. It emits rest-before:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (8)
none, x-weak, weak, medium, strong, x-strong, 120, 1s
rest-after
Interactive example.
Prefixes: rest-after. Example: rest-after:none. It emits rest-after:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (8)
none, x-weak, weak, medium, strong, x-strong, 120, 1s
cue-before
Interactive example.
Prefixes: cue-before. Example: cue-before:none. It emits cue-before:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (3)
none, url(#chime), [url(#chime)_-3dB]
cue-after
Interactive example.
Prefixes: cue-after. Example: cue-after:none. It emits cue-after:none;. Also accepts the CSS-wide keywords inherit, initial, revert, revert-layer, and unset.
Documented values (3)
none, url(#chime), [url(#chime)_+3dB]