文章の一部にスタイルを適用する

ホームページやブログなどのウェブサイトで文字や文章などを表示させる際に、<span>タグを使って、文章の一部にスタイルを適用することができます。

文字の大きさ、色、余白そのたさまざまな指定ができますので、デフォルトや外部スタイルシートなどで指定されている 地の文に対して変化を付けたいときに便利です。

 

<span style="スタイル指定">スタイルを適用する文字</span>

という形式になります。複数のスタイルを指定するときは、;(セミコロン)で区切ります。</span>タグを抜けると、スタイルは元の状態に戻ります。

サンプルソースです。

ここは、スタイル適用外です。
<span style="font-size:16px;background-color:blue;color:white;">
この部分は、フォントサイズ16ピクセル、背景色 青、文字色 白です。
</span>
ここは、スタイル適用外です。

このソースを表示させると、次のようになります。

ここは、スタイル適用外です。 この部分は、フォントサイズ16ピクセル、背景色 青、文字色 白です。 ここは、スタイル適用外です。