株式会社アイネックス｜css勉強室 | テキスト修飾　| テキストと文字の装飾 | Webシステム構築｜ホームページ作成

04-03)　　1. 文字と文字の間隔を調整する

ｃｓｓの書き方	.lettSpa{letter-spacing: -0.2em;} /* 文字間指定-0.2em / .lettSp5{letter-spacing: 0.5em;} / 文字間指定 0.5em / .lettSp10{letter-spacing: 1em;} / 文字間指定 1.0em */
HTMLの使用例	<p class="lettSpa">[文字間　-0.2] 文字列　・・・</p> <p class="lettSp5">[文字間　0.5] 文字列　・・・</p> <p class="lettSp10">[文字間　1] 文字列　・・・</p>

[文字間　-0.2] レイアウトテーブルを描くときヘッダーグラフィックス

[文字間　0.5] レイアウトテーブルを描くときヘッダーグラフィックス

[文字間　1] レイアウトテーブルを描くとき

ｃｓｓの書き方	.lineHeight{line-height:normal ;} .lineHei16{line-height:1.6 ;} .lineHei20{line-height:2.0 ;}
HTMLの使用例	<p class="lineHeight">[行間　0] 文字列　・・・</p><br/> <p class="lineHei16">[行間　1.6] 文字列　・・・</p><br/> <p class="lineHei20">[行間　2.0] 文字列　・・・</p><br/>

[行間　0] レイアウトテーブルを描くとき、ヘッダーグラフィックスが入るセルをページの上の辺に沿って、リンクバーが入るセルをページの左の辺に沿って、さらに Web ページのメインコンテンツが入るセルをページの右の辺いっぱいまで取ることができます。

[行間　1.6] レイアウトテーブルを描くとき、ヘッダーグラフィックスが入るセルをページの上の辺に沿って、リンクバーが入るセルをページの左の辺に沿って、さらに Web ページのメインコンテンツが入るセルをページの右の辺いっぱいまで取ることができます。

[行間　2.0] レイアウトテーブルを描くとき、ヘッダーグラフィックスが入るセルをページの上の辺に沿って、リンクバーが入るセルをページの左の辺に沿って、さらに Web ページのメインコンテンツが入るセルをページの右の辺いっぱいまで取ることができます。

ｃｓｓの書き方	.txAlnCnr{text-align:center ;} .txAlnLft{text-align:left ;} .txAlnRit{text-align:right ;}
HTMLの使用例	<p class="txAlnLft width500"> [左側]：文字列1　・・・<br/> 文字列2　・・・</p> <p class="txAlnRit width500"> [右側]:文字列1　・・・<br/> 文字列2　・・・</p>

[左側]：レイアウトテーブルを描くとき、ヘッダーグラフィックス
Web ページのメインコンテンツが入るセルをページ

[右側]:レイアウトテーブルは、必要に応じて簡単なもの
Web ページのメインコンテンツが入るセルをページ

ｃｓｓの書き方	.txAlnCnr{text-align:center ;} .txAlnLft{text-align:left ;} .txAlnRit{text-align:right ;}
HTMLの使用例	<ul class="listStN width500 "> <li class="txAlnLft"> [左側]：文字列1　・・・<br/> 文字列2　・・・ <li class="txAlnRit"> [右側]:文字列1　・・・<br/> 文字列2　・・・ </ul>