■文字色を指定する
<style type="text/css">
<!--
.strRed { color: red; }
-->
</style>
|
<body>
文字色を<span class="strRed">ここだけ赤色</span>にしてみました。
</body>
|
文字色を指定するにはcolor:色のように指定します。色はカラー名またはカラーコードで指定します。
|
■文字サイズを指定する
<style type="text/css">
<!--
.fs24 { font-size: 24pt; }
-->
</style>
|
<body>
文字サイズを<span class="fs24">ここだけ24pt</span>にしてみました。
</body>
|
文字サイズを指定するにはfont-size:文字サイズのように指定します。24ptとすれば24ポイントで、24pxとすれば24ピクセル、24cmとすれば24cmで表示されます。
|
■文字の太さを指定する
<style type="text/css">
<!--
.bld { font-weight: 900; }
-->
</style>
|
<body>
文字の太さを<span class="bld">ここだけ太くして</span>みました。
</body>
|
文字サイズを指定するにはfont-weight:太さのように指定します。太さは100〜900まで指定できます。数値が大きくなるほど太くなりますが、多くのブラウザでは標準の太さか太くなるだけの2段階にとどまっています。
|
■文字を斜体にする
<style type="text/css">
<!--
.it { font-style: italic; }
-->
</style>
|
<body>
文字を<span class="it">ここだけ斜体にして</span>みました。
</body>
|
文字を斜体にするには「font-style: italic;」のようにします。
|
■文字に下線(アンダーライン)を付ける
<style type="text/css">
<!--
.under { text-decoration:underline; }
-->
</style>
|
<body>
文字を<span class="under">ここだけ下線を付けて</span>みました。
</body>
|
文字に下線を付けるには「text-decoration:underline;」のようにします。
|
■文字に上線を付ける
<style type="text/css">
<!--
.over { text-decoration:overline; }
-->
</style>
|
<body>
文字を<span class="over">ここだけ上線を付けて</span>みました。
</body>
|
文字に上線を付けるには「text-decoration:overline;」のようにします。
|
■文字に取消線を付ける
<style type="text/css">
<!--
.ss { text-decoration:line-through; }
-->
</style>
|
<body>
文字を<span class="ss">ここだけ取消線を付けて</span>みました。
</body>
|
文字に取消線を付けるには「text-decoration:line-through;」のようにします。
|
|