<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">
<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">azimuth</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">n/a</span> CSS <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Inherited: Yes</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Given a listener at the center of a circular sound space (like in a
surround-sound-equipped theater), <span class="literal">azimuth</span> sets the
horizontal angle of the source of the sound (for example, in a
text-to-speech browser). See also the <span class="literal">elevation</span>
attribute.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>azimuth: <span class="replaceable">angle</span> | <span class="replaceable">angleConstant</span> || <span class="replaceable">direction</span></pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Up to two values (other than <span class="literal">inherit</span>). One
represents the angle, clockwise from straight ahead; the second is a
20-degree incremental movement to the left or right. An
<span class="replaceable">angle</span> value is any value in the range of
-360 to +360 (inclusive) plus the letters
"deg", as in
<span class="literal">90deg</span>. The value <span class="literal">0deg</span> is
directly in front of the listener. To set the angle to the left of
the listener, the value can be either <span class="literal">-90deg</span> or
<span class="literal">270deg</span>. Optionally, you can choose an
<span class="replaceable">angleConstant</span> value from a large library
of descriptions that correspond to fixed points around the circle. If
you add the <span class="literal">behind</span> modifier, the values shift from
in front of the listener to behind the listener.
</p><p>For the <span class="replaceable">direction</span> value, you can choose
from two constants: <span class="literal">leftwards</span> |
<span class="literal">rightwards</span>. These settings shift the sound 20
degrees in the named direction.
</p>
						<table border="1"><tbody><tr><th>Value</th><th>Equals</th><th>Value</th><th>Equals</th></tr>
								<tr><td>center</td><td>0deg</td><td>center behind</td><td>180deg</td>
								</tr>
								<tr><td>center-right</td><td>20deg</td><td>center-right behind</td><td>160deg</td>
								</tr>
								<tr><td>right</td><td>40deg</td><td>right behind</td><td>140deg</td>
								</tr>
								<tr><td>far-right</td><td>60deg</td><td>far-right behind</td><td>120deg</td>
								</tr>
								<tr><td>right-side</td><td>90deg</td><td>right-side behind</td><td>90deg</td>
								</tr>
								<tr><td>left-side</td><td>270deg</td><td>left-side behind</td><td>270deg</td>
								</tr>
								<tr><td>far-left</td><td>300deg</td><td>far-left behind</td><td>240deg</td>
								</tr>
								<tr><td>left</td><td>320deg</td><td>left behind</td><td>220deg</td>
								</tr>
								<tr><td>center-left</td><td>340deg</td><td>center-left behind</td><td>200deg</td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Initial Value</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">center</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>h1 {azimuth: 45deg}
p.aside {azimuth: center-right behind}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Applies To</span></td>
				</tr>
				<tr>
					<td><p>All elements. </p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>