文字の間隔を指定する
あまり利用の機会はないかもしれませんが、
文字と文字の間隔を設定する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 | 素材
- 壁紙素材
- ストライプ 1
- 2
- 3
- 4
- 5
- 6
- 7
- ストライプ2-1
- チェック模様 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 星模様 1
- 2
- 3
- 4
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 水玉模様 1
- 2
- 3
- 4
- 水玉
- 水玉反転模様 1
- 2
- 印象模様
- レンガ模様 1
- 2
- 3
- 4
- 上つき模様 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- きのこ模様
- 2
- 魚模様
- 2
- 3
- 和柄
- 雨模様
- 2
- 3
- 四角
- 2
- 3
- 4
- 丸1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 蝶々
- 2
- ダイア1
- 2
- 3
- 4
- 5
- 6
- 旗1
- 2
- 雲1
- 2
- てるてる坊主1
- 2
- 浮き輪
- スイカ
- 団子
- 葉っぱ
- 傘
- 2
- カエル
- 2
- 3
- カエルと傘
- 長靴
- うちわ
- ライン素材
- アイコン素材
- バナー台素材
- HTML&CSS素材
- HTML&CSS TIPS
- HP作りの小ネタ
- 配色TIPS
その他
- 利用規約