スタイルシート(CSS)講座 トップ >> レヴェルアップ練習問題 >> テキストの行間を定義してみる

テキストの行間を定義してみる

では最後に、テキストの行間を定義してみましょう。
テキストの行間を(line-height)、200% に定義してください。

テキストのカラーとサイズを定義したボックス
に、テキストのスタイルを加えたボックス







.box {
   border:2px solid #CC0000;
   width: 216px;
   height: 176px;
   padding: 20px 40px 0px 40px;
   margin: 0px 0px 0px 50px;
   color: #CC0000;
   font-size: 14px;
   font-weight: bold;
   font-style: italic;
   text-align: right;
   line-height: 200%;
}

テキストの位置を決める属性は、line-heightで、
値は、% などがあります。

他にも、 pxems などもありますが、
一般的には、% がもっともポピュラーといえます。

実際には、130% 以上がつかいやすいかなと思います。
ちなみに、うちは、140%です。

それでは次は、いよいよ確認問題です!

<< テキストの位置を定義する

確認問題〜テキスト >>

<< スタイルシート(CSS)講座 トップ