テキストのスタイル変更

表示しているテキスト（This is a first program by DHTML）のスタイルを変更します．

［例］

<p id="italic">This is first program by DHTML</p>　　//(1)	
<form>
<input type=button value="イタリック" onclick="javascript:document.all.italic.style.fontStyle='italic'">	//(2)
<input type=button value="ノーマル" onclick="javascript:document.all.italic.style.fontStyle='normal'">	//(3)	
</form>

【解説】

フォントのスタイル以外に，フォントのサイズを変更するには，

document.all.italic.style.fontSize = "16pt";
document.all.italic.style.fontSize = "10pt";

フォントのウェイト（太さ)

document.all.italic.style.fontWeight = "bold";
document.all.italic.style.fontWeight = "normal";

フォントのファミリー（種類）

document.all.italic.style.fontFamily = "Comic Sans MS";
document.all.italic.style.fontFamily = "System"

などと使用します．

【実行してみよう】

This is first program by DHTML