<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">font-size</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> 4</span> IE<span class="emphasis"> 4</span> CSS<span class="emphasis"> 1</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">H&eacute;rit&eacute;: oui</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>D&eacute;finit la taille de caract&egrave;res de l'&eacute;l&eacute;ment. Plusieurs m&eacute;thodes sont disponibles. Un ensemble de constantes (<span class="literal">xx-small</span>, <span class="literal">x-small</span>, <span class="literal">small</span>, <span class="literal">medium</span>, <span class="literal">large</span>, <span class="literal">x-large</span>, <span class="literal">xx-large</span>) permet de d&eacute;finir des tailles dites absolues. En r&eacute;alit&eacute;, ces tailles ne sont absolues que pour un navigateur et un syst&egrave;me d'exploitation donn&eacute;s, car leur point de r&eacute;f&eacute;rence varie en fonction de ces derniers (analogue aux anciennes tailles de police HTML de 1 &agrave;7). Elles garantissent toutefois qu'un &eacute;l&eacute;ment auquel est appliqu&eacute; l'attribut <span class="literal">large</span> sera affich&eacute; en caract&egrave;res plus grands qu'un &eacute;l&eacute;ment auquel est appliqu&eacute; l'attribut <span class="literal">medium</span>.
</p><p>Un autre ensemble de constantes (<span class="literal">larger</span>, <span class="literal">smaller</span>) permet de d&eacute;finir des tailles dites relatives. Du fait que l'attribut <span class="literal">font-size</span> est h&eacute;rit&eacute; de l'&eacute;l&eacute;ment parent, ces tailles relatives sont appliqu&eacute;es &agrave;l'&eacute;l&eacute;ment parent pour d&eacute;terminer la taille de caract&egrave;res de l'&eacute;l&eacute;ment actuel. C'est au navigateur de d&eacute;terminer exactement de combien la taille de police doit &ecirc;tre agrandie ou r&eacute;duite, et cela d&eacute;pend en grande partie de la fa&ccedil;on dont la taille de police de l'&eacute;l&eacute;ment parent a &eacute;t&eacute; d&eacute;finie. Si elle a &eacute;t&eacute; d&eacute;finie &agrave;l'aide d'un attribut de taille absolue (<span class="literal">large</span>, par exemple) et que vous appliquez &agrave;l'&eacute;l&eacute;ment enfant l'attribut <span class="literal">larger</span>, les caract&egrave;res sont affich&eacute;s dans la taille <span class="literal">x-large</span> du navigateur. Les incr&eacute;ments ne sont pas aussi nets lorsque la taille de caract&egrave;res de l'&eacute;l&eacute;ment parent est d&eacute;finie sous forme de longueur ou de pourcentage.
</p><p>Si vous sp&eacute;cifiez une longueur pour l'attribut <span class="literal">font-size</span>, choisissez l'unit&eacute; qui convient le mieux pour les polices affich&eacute;es sur le p&eacute;riph&eacute;rique de sortie, par exemple les pixels (<span class="literal">px</span>) pour l'affichage &eacute;cran et les points (<span class="literal">pt</span>) ou les cadratins (<span class="literal">em</span>) pour la sortie imprim&eacute;e. Les valeurs de cadratin sont calcul&eacute;es en fonction de la taille de police de l'&eacute;l&eacute;ment parent. Vous pouvez &eacute;galement d&eacute;finir l'attribut <span class="literal">font-size</span> sous forme de pourcentage, lequel sera calcul&eacute; par rapport &agrave;la taille de caract&egrave;res de l'&eacute;l&eacute;ment parent.
</p><p>Certains navigateurs g&ecirc;nent les efforts que vous pouvez d&eacute;ployer pour d&eacute;finir la taille pr&eacute;cise des polices, puisqu'ils utilisent leurs propres param&egrave;tres (ou ceux de l'utilisateur) pour d&eacute;finir une taille moyenne (&#160;&#160;medium&#160;&#160;). C'est pourquoi beaucoup de concepteurs choisissent souvent les constantes de taille relative pour leurs sp&eacute;cifications <span class="literal">font-size</span>. Ce choix signifie que le concepteur renonce &agrave;un certain niveau de contr&ocirc;le sur l'affichage pour les divers navigateurs et syst&egrave;mes d'exploitation, mais les tentatives visant &agrave;&eacute;tablir un contr&ocirc;le trop strict pour un affichage uniforme se soldent bien souvent par une intense frustration.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">Syntaxe CSS</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>font-size: <span class="replaceable">absoluteSize</span> | <span class="replaceable">relativeSize</span> | <span class="replaceable">length</span> | <span class="replaceable">percentage</span></pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td><p>Pour une taille de caract&egrave;res absolue, l'une des constantes suivantes: <span class="literal">xx-small</span> | <span class="literal">x-small</span> | <span class="literal">small</span> | <span class="literal">medium</span> | <span class="literal">large</span> | <span class="literal">x-large</span> | <span class="literal">xx-large</span>. Pour une taille relative, l'une des constantes suivantes: <span class="literal">larger</span> | <span class="literal">smaller</span>. Reportez-vous au d&eacute;but de ce chapitre pour en savoir plus sur les valeurs de longueur (length). Pour un pourcentage, la valeur pourcentage suivie du signe <span class="literal">%</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Valeur initiale</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">medium</span> (pour l'&eacute;l&eacute;ment <span class="literal">BODY</span>); la valeur <span class="literal">font-size</span> de l'&eacute;l&eacute;ment parent (pour tous les autres).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>body {font-size: 14pt}
p.teeny {font-size: x-small}
em {font-size: larger}
span.larger {font-size: 150%}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">S'applique &agrave;</span></td>
				</tr>
				<tr>
					<td><p>Tous les &eacute;l&eacute;ments.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.fontSize</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>