line-height・・・行の高さを指定する<CSS基本編> 2008
12/22
月曜日

 おはよう、今日はまったくおもしろくないよね。CSSの設定をいろいろ、朝、コーヒーを飲みながら試してみた。今回は、"line-height"の指定の方法によって、表示がどのように変化するのか、自分が知りたかっただけですね。文字サイズの表示の大きさは各自自由だから、一番、皆さんが「みやすい」ってことを心がけたいし、そうすべきなんだよね。でも内容は「しょうもない」って言うなよ、おっ、ワレ。 じゃ。

emとはフォントの高さを1とする単位
-------------------------------
行間ノーマル
行間ノーマル

行間1.1倍
行間1.1倍

行間1.2倍
行間1.2倍

行間1.3倍
行間1.3倍

行間1.4倍
行間1.4倍

行間1.5倍
行間1.5倍

行間1.6倍
行間1.6倍

行間1.7倍
行間1,7倍

行間1.8倍
行間1.8倍

行間1.9倍
行間1.9倍

行間2倍
行間2倍

exとは小文字の「x」の高さを1とする単位
-------------------------------
行間ノーマル abcd!"#$%&'()==~|,._x_01234567890
行間ノーマル abcd!"#$%&'()==~|,._x_01234567890

行間1.1倍 abcd!"#$%&'()==~|,._x_01234567890
行間1.1倍 abcd!"#$%&'()==~|,._x_01234567890

行間1.2倍 abcd!"#$%&'()==~|,._x_01234567890
行間1.2倍

行間1.3倍 abcd!"#$%&'()==~|,._x_01234567890
行間1.3倍 abcd!"#$%&'()==~|,._x_01234567890

行間1.4倍 abcd!"#$%&'()==~|,._x_01234567890
行間1.4倍 abcd!"#$%&'()==~|,._x_01234567890

行間1.5倍 abcd!"#$%&'()==~|,._x_01234567890
行間1.5倍 abcd!"#$%&'()==~|,._x_01234567890

行間1.6倍 abcd!"#$%&'()==~|,._x_01234567890
行間1.6倍 abcd!"#$%&'()==~|,._x_01234567890

行間1.7倍 abcd!"#$%&'()==~|,._x_01234567890
行間1,7倍 abcd!"#$%&'()==~|,._x_01234567890

行間1.8倍 abcd!"#$%&'()==~|,._x_01234567890
行間1.8倍 abcd!"#$%&'()==~|,._x_01234567890

行間1.9倍 abcd!"#$%&'()==~|,._x_01234567890
行間1.9倍 abcd!"#$%&'()==~|,._x_01234567890

行間2倍 abcd!"#$%&'()==~|,._x_01234567890
行間2倍 abcd!"#$%&'()==~|,._x_01234567890

Copyright (C) 2008 Shougo Iwasa. All Rights Reserved.