CSSの基本（14）

文章の最初の一文字に装飾を指定する方法

文章の最初の一文字にだけにスタイルを適用して、
文章を強調するデザインを指定する。

最初の一文字にのみスタイルを適用　⇒　first-letter { 〜 }

<HTML>
<HEAD>
<style type="text/css">
<!--
p:first-letter {　　　　　　　　　　　　　　　　/* p要素の先頭の1文字に対してのみ適用させる */
　　font-size: 200%;　　　　　　　　　　　/*　文字サイズを2倍(200%)にする */
　　padding: 0.1em;　　　　　　　　　　　 /* 文字の周囲に0.1文字分の余白を設ける */
　　color: white;　　　　　　　　　　　　　/* 文字色を白色にする */
background-color: red;　　　　　　　　/* 背景色を赤色にする */
}
p {
line-height: 1.2;　　　　　　/* 段落内(<p>要素）の行の高さを1.2文字分（＝行間を0.2文字分）にする */
}
-->
</style>
</HEAD>
<body>
<h1 align="center">１文字目に適用させる</h1>

<h2>Ａ判とＢ判</h2>

<p>Ａ判というサイズはドイツで生まれた、
工業規格で現在は国際規格。
Ｂ判は日本独自の規格で，江戸時代の公用紙「美濃紙」のサイズに由来するもの。
日本のお役所の書類にＢ判が多いのはそのせいとか。
書道で使う「半紙」は美濃紙を半分にしたものということからそう呼ばれるようにな。</p>

<h2>紙のタテ・ヨコの比率のヒミツ。</h2>

<P>Ａ3の紙を半分に折るとＡ4に、Ａ4の紙をまた半分に折るとＡ5に成ります．
Ｂ判でも何度折っても紙は相似形のまま半分の面積に、此れは紙の縦と横の比率が1：√２になっているから。次々に半分に折っていっても、縦・横の比率が変わらず、紙に無駄が出ないようになっています。</P>

<h2>中性紙は保存性が高い。</h2>

<P>紙にはインクのにじみ防止のためにサイズ剤が使われています、
その時に使われる定着剤、硫酸バンドにより紙が酸性化。
長い年月の間に繊維か劣化し紙はボロボロになってしまいます。
一方中性紙は中性サイズ剤を使用しているので、繊維が酸性化せず良い状態で長期保存できます。</P>


</body>
</HTML>


（画面クリックでWEB上のサイズを見てください。）