×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

行の幅(高さ)の指定

日記などで行の間を整えたいときは、
改行を2回することで1文字分あけたりしますよね。

その方法も便利なのですが、
例えば文字の半分だけそれぞれの行をあけたいときなどはどうすればいいでしょうか。

答えは簡単です。

その行に、line-heightを指定しましょう。
もちろん厳密にいえば他のさまざまな要因も加わると思いますが、
この指定が行間を整えたいあなたの一助になってくれるでしょう。

指定の単位は様々です。

例えば
line-height: 80%;
line-height: 150%;
line-height: 200%;

などの%(パーセンテージ)での指定や、

line-height: 1em;
line-height: 2em;
line-height: 1.5em;

line-height: 0.8;
line-height: 1.2;
line-height: 1.5;

と、em単位での指定や単位をつけない指定の仕方もできます。
人それぞれ、気持ちの良い行間があると思いますので、ぜひご自分で心地の良い行間を見つけてください。

例)
line-height: 80%;

あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。

line-height: 150%;

あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。

line-height: 200%;

あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。

line-height: 1em;

あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。

line-height: 1.5em;

あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。

line-height: 2em;

あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。

line-height: 4em;

あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。 あいうえおかきくけこさしすせとたちつてとなにぬねのはひふへほまみむめもやゆよわをん。

※元になるline-heightによって、上記の値は異なってきますので、
ご参考程度でお願いします。

素材のトップへ

スポンサードリンク

スポンサードリンク

SOZAI | 素材

その他