×

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

文字の間隔を指定する

あまり利用の機会はないかもしれませんが、
文字と文字の間隔を設定するCSSのご紹介です。

<head>〜</head>の間に
<style TYPE="text/css">
<!--

-->
</style>

と書いてから、以下の4行を入力しましょう。

.test1 { letter-spacing: 10px; }
.test2 { letter-spacing: 50px; }
.test3 { letter-spacing: 100px; }

HTMLは、

<p class="test1">あいうえおかきくけこ</p>
<p class="test2">あいうえおかきくけこ</p>
<p class="test3">あいうえおかきくけこ</p>

とそれぞれにclassをあてて見てください。

あいうえおかきくけこ

あいうえおかきくけこ

あいうえおかきくけこ

文字の間隔は変わりましたか?

素材のトップへ

スポンサードリンク

スポンサードリンク

SOZAI | 素材

その他