This is the Standard reference for speech.
It follows the authored TeaCSS vocabulary at source revision
fa3709a for package version 0.7.1.
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]