１１．テキスト（文字）対するスタイルシート
　 １）フォントカラー（文字色）の指定
　　 ＜書式＞color:カラーネームまたは、カラーコード
　　 ＜例１＞<p style="color:#FF0000">この文字は、赤色で表示される。</p>
　　 ＜例２＞<html>
　　　　　　　　<head>
　　　　　　　　<title>フォントカラー</title>
　　　　　　　　<style type="text/css">
　　　　　　　　　<!--
　　　　　　　　　　p{color:red;
　　　　　　　　　　　}
　　　　　　　　　-->
　　　　　　　　</style>
　　　　　　　　</head>
　　　　　　　　<body>
　　　　　　　　<p>この文字は、赤色で表示される。</p>
　　　　　　　　</body>
　　　　　　　　</html>

　 ２）フォント名の指定
　　 ＜書式＞font-family:フォントファミリー名,・・・
　　 ＜例＞<p style="font-family:HGP教科書体">この文字は、HGP教科書体で表示される。</p>

　 ３）フォントサイズの指定
　　 ＜書式＞font-size:フォントサイズ
　　＜例＞<p style="font-size:50pt"> この文字は、５０ポイントで表示される。</p>
　　 ＜サイズの単位＞

キーワード 意味 単位

意味
xx-small 極々小 in インチ（1インチメートル＝２．５４ｃｍ）
x-small 極小 cm センチメートル
small 小 mm ミリメートル
medium 標準 pt ポイント（１ポイント＝１／７２インチ）
large 大 pc パイカ（１パイカ＝１２ポイント）
x-large 極大 em フォントそのものの文字の高さを１とする。
xx-large 極々大 ex フォントの小文字「ｘ」の高さを１とする。
smaller 1段階小さく px ピクセル
larger 1段階大きく % 標準に対する割合


　 ４）フォントの太さの指定
　　 ＜書式＞font-weight:：太さ
　　 ＜例＞<p style="font-weight:900"> この文字は、９００のウェイトで表示される。</p>
　　 ＜太さ＞
太さ
 意味
１００～９００ １００単位の指定で標準は、４００
normal ４００を指定したのと同じ
bold ７００を指定したのと同じ
lighter,bolder
１００～９００の範囲で、直前より細いフォント、太いフォントを指定する。


　 ５）斜体の指定
　　 ＜書式＞font-style:斜体
　　 ＜例＞<p style="font-style:italic"> この文字は、イタリック斜体で表示される。</p>
　　 ＜斜体＞

斜体
 意味
normal 普通に表示
italic イタリック書体で表示
oblique フォントの書体を表示

　６） 行の高さの指定
　　 ＜書式＞ line-height:行の高さ
　　 ＜例＞ <p style="line-height:50pt"> この文字の行間は、<br>50ptで表示される。</p>
　　 ＜行間＞

行間
 意味
normal 普通の高さ
実数＋単位 その単位で表示
実数 フォンサイズにその値を掛けたサイズ
％ フォントサイズに対する割合

　 ７）文字の間隔の指定
　　 ＜書式＞letter-spacing:文字間
　 　＜例＞ <p style=letter-spacing:10pt"> この文字の文字間は、10ptで表示される。</p>
　　 ＜文字間＞
行間
 意味
normal 普通の間隔
実数＋単位 その単位で表示
　

８）文字に影を指定する。
　　 ＜書式＞text-shadow:影の色　影の左右方向　影の上下方向　ぼかす範囲
　 　＜例＞ <p style=text-shadow:#666666 2pt 3pt 1.5pt "> この文字は、右に2pt、下に3pt、ぼかし1.5で表示される。</p>
　　 ＜影＞

　
行間
 意味
none 影なし
＋左右の方向［実数］＋単位 右方向への影
－左右の方向［実数］＋単位 左方向への影
＋上下の方向［実数］＋単位 上下向への影
－上下の方向［実数］＋単位 上下向への影
ぼかす範囲［実数］＋単位 ぼかす範囲