elevation

elevation

CSS elevation Property

The CSS elevation property is part of CSS aural content programming. It is used to specify the -90° to 90° vertical direction a sound is coming from. The elevation property controls the vertical plane of a sound while azimuth controls the horizontal plane of a sound. Used together they render a 3D sound stage for aural content presentation.
TIP: Text-to-Speech software must be CSS-aware for this audio effect to work. If the text-to-speech software you are using is not CSS-aware, the property will render no direction effect to the text spoken.

CSS CODE EXAMPLE

<style type="text/css">
h1 { elevation: 50deg; }
h3 { elevation: above; }
p { elevation: level; }
</style>
<h1>This is header1 content</h1>
<h3>This is header3 content</h3>
<p>This is paragraph content.</p>

Possible Values:

angle
Specify a direction between -90° and 90°. An elevation setting of "0deg" makes sound level with the listener, "90deg" is above the listener while "-90deg" is below.
below
Keyword for a "-90deg" position.
level
Keyword for a "0deg" position.
above
Keyword for a "90deg" position.
higher
Raise the elevation 10° from its current setting.
lower
Lower the elevation 10° from its current setting.
inherit
Inherits elevation from its parent

Related CSS Aural Properties

azimuth, cue, cue-after, cue-before, mark, mark-after, mark-before, pause, pause-after, pause-before, phonemes, pitch, pitch-range, play-during, reset, reset-after, reset-before, richness, speak, speak-header, speak-numeral, speak-punctuation, speech-rate, stress, voice-balance, voice-duration, voice-family, voice-pitch, voice-pitch-range, voice-rate, voice-stress, voice-volume, volume

click here to code. 

Tweet