FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

文字間隔を調整する

文字間隔を調整する方法を紹介します。

文字間隔を広げるとこうなります。
文字間隔を狭めるとこうなります。


文字間隔を指定するには、スタイルシートに letter-spacing を指定します。

例えば、当サイトテンプレートの記事の文字間隔を調整する場合は、以下をスタイルシートの末尾に加えます。

【standardシリーズ】

.article {
letter-spacing: 0.5em;
}
.article br {
letter-spacing: 0;
}


【lightframeシリーズ】

.ently_body {
letter-spacing: 0.5em;
}
.ently_body br {
letter-spacing: 0;
}


0.5em は 0.5文字分の間隔を空けます。
単位を px にすると間隔を固定値にできます。
-5px と、マイナスを指定することで狭くすることもできます。

お好みに合わせて調整してください。

br に letter-spacing:0; が指定されているのは、IEで改行が無視されてしまうバグを回避するためです。

関連記事
[ 2009/05/13 01:05 ] カスタマイズ 共通カスタマイズ | TB(0) | CM(1)

≪ スクロールバーを利用して表示する | HOME | 記事先頭にランキング投票や広告等を入れる ≫

[ 4201 ] ありがとうございました！
　記事にあったやつをスタイルシートの「/*** その他 ***/」の部分に追加したら、ちゃんと上手く表示してくれました。
わざわざ記事にまでしてくださって、解りやすい解説ありがとうございました。
また何かあった時はよろしくお願いします。
[ 2009/05/13 09:50 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

≪ スクロールバーを利用して表示する | HOME | 記事先頭にランキング投票や広告等を入れる ≫

ブログ内検索1



サイトマップ

カテゴリ別全記事一覧表示

カテゴリ
お薦め カスタマイズ

【共通】


【lightframe】
【standard】
【スマホ用】

プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
iPhoneアプリも作ってます
ありがとうございます

先生達

RSSフィード
カレンダー
02 | 2023/03 | 04
日 月 火 水 木 金 土
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

02 | 2023/03 | 04
日 月 火 水 木 金 土
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
サイト外タグ検索
ユーザータグ

メニューバー よくある質問 



△ ページトップへ戻る