Inline Style
スタイルシートをインラインで組み込みます。
インラインで組み込んだ場合、変更する場合、HTML編集のように場所を探しながら訂正しなければなりません。
インラインで組み込んだ場合、他で指定したスタイルシートより優先的に適応しますから、部分的な修正や補正に向いています。
インラインの組み込み方について
インラインでスタイルシートを組み込む場合、直接指定したいタグに、書き込みます。タグにSTYLEという属性を加えます。
構文は、プロパティーと値を；で複数指定できます。
サンプルは、指定したい<P>タグに、フォントサイズを14ポイントで文字色を赤にする場合です。
このように、すべてのタグに指定することができます。
<tag style=”property : values ; property : values ;・・・・”>・・・・</tag>
<p style="font-size: 14pt; color: red;">14ポイントの赤い文字</p>
14ポイントの赤い文字
スパンとの組み合わせ
HTMLに<SPAN>というタグがあります。このタグは、 部分的に指定するのに便利なタグです。同じ行内で文字を大きくしたり、色を変えたりできます。
この<SPAN>タグにスタイルシートを組み込めば、表現が拡大できます。
サンプルは、Dynamicはその行で指定されているフォントサイズ15ポイントのArialで赤い文字。HTMLは、<SPAN>で15ポイントより125%大きい緑の文字。<SPAN>でStylingは、15ポイントより150%大きな青い文字を指定し場合です。
<p style="font-size: 15pt; font-family: Arial, Helvetica;
color: red>
Dynamic<span style="font-size: 125%; color: green;">
HTML</span><span style="font-size: 150%; color: blue;">
Styling</span></p>
Dynamic HTML Styling
 |
 |
|---|
