HTML | テキストの字間、行間を変更する

HTML テキスト,HTML

HTML | テキストの字間、行間を変更する

HTMLだけでテキストの字間、行間を変更する方法とサンプルコードを紹介しています。

HTMLでテキストの字間を変更する

HTMLでテキストの字間を変更するにはstyle属性にて「letter-spacing」プロパティを指定します。

字間となる値には「px」のほか「em」など他の単位も指定可能です。

<p style="letter-spacing: 16px;">HTMLでテキストの字間を変更する</p>

HTMLでテキストの字間を変更する

HTMLでテキストの行間を変更する

HTMLでテキストの行間を変更するにはstyle属性にて「line-height」プロパティを指定します。

行間となる値には「1」を基準とした倍率を指定します。

<p style="line-height: 3;">HTMLで<br>テキストの<br>行間を変更する</p>

HTMLで
テキストの
行間を変更する