スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | - | - | pookmark |
Entry: main  << >>
文字サイズの変更


・特大
<span style="font-size:x-large;">文字</span>
文字

・大
<span style="font-size:large;">文字</span>
文字

・中
<span style="font-size:medium;">文字</span>
文字

・小
<span style="font-size:small;">文字</span>
文字

・特小
<span style="font-size:x-small;">文字</span>
文字

※さらに大きく、小さくすることも可能。

・さらに大きく
<span style="font-size:xx-large;">文字</span>
文字

・さらに小さく
<span style="font-size:xx-small;">文字</span>
文字



HTML

<font size="1">フォントサイズ1</font>
<font size="2">フォントサイズ2</font>
<font size="3">フォントサイズ3</font>
<font size="4">フォントサイズ4</font>
<font size="5">フォントサイズ5</font>
<font size="6">フォントサイズ6</font>
<font size="7">フォントサイズ7</font>
<font size="+1">デフォルト+1</font>
<font size="+2">デフォルト+2</font>

<font size="-1">デフォルト-1</font>
<font size="-2">デフォルト-2</font>


フォントサイズ1
フォントサイズ2
フォントサイズ3
フォントサイズ4
フォントサイズ5
フォントサイズ6
フォントサイズ7

デフォルト+1
デフォルト+2

デフォルト-1
デフォルト-2

※非推奨要素



CSS

■ 数値で指定する
・px→1ピクセルを1とする。
・em→フォントの高さを1とする。
・ex→小文字の「x」の高さを1とする。
※数値には負の値は指定できない。

{ font-size: 15px;}
{ font-size: 2em:}
{ font-size: 5ex;}

15px
2em
5ex


■ %で指定する

{ font-size: 100%;}
{ font-size: 70%;}
{ font-size: 150%;}

100%
70%
150%

■ キーワードで指定する
・xx-small、x-small、small、medium、large、x-large、xx-largeの7段階
・標準サイズはmedium
・smaller、largerでは一段階上下する。

{ font-size: xx-small;}
{ font-size: x-small;}
{ font-size: small;}
{ font-size: medium;}
{ font-size: large;}
{ font-size: x-large;}
{ font-size: xx-large;}
{ font-size: smaller;}
{ font-size: larger;}

xx-small
x-small
small
medium
large
x-large
xx-large
smaller

larger



| pika | - | - | pookmark |
スポンサーサイト
| スポンサードリンク | - | - | pookmark |