超大きい文字

■ 超大きい文字

前回までは、テーブルをスタイルシートでデザインする方法を学びました。
今回は、文字をスタイルシートでカスタマイズしていきます。

今回は「style="font-size:～pt;"」をつかいます。

今までは、「font」タグをつかって文字の大きさを指定していましたが、
大きさを1～7段階しか設定することができませんでした。

今回の「style="font-size:～pt;"」をつかうと、
1pt単位で自由に文字の大きさを設定することができます。（※必ず単位に「pt」をつけます）

「のとき」

↓

40

「のとき」

↓

250

この「style="font-size:～pt;"」は、他のHTMLとも組み合わせられます

「文章」

↓

pと組み合わせると･･･

「文章」

↓

iと組み合わせると･･･

「文章」

↓

bと組み合わせると･･･

「文章」

↓

uと組み合わせると･･･

<a href="リンク先アドレス" style="font-size:10pt;">文章</a>」

↓

aと組み合わせると･･･

「<center style="font-size:10pt;">文章</center>」

↓

centerと組み合わせると･･･

そのほか、「table」と「td」にも使えます。

「<table style="font-size:～pt;">」
「<td style="font-size:～pt;">」

「table」につかえば、テーブルの中の文字全部の大きさ
「td」につかえば、マスの中だけ文字の大きさを変えられます。