カテゴリー: ホームページ作成講座の一覧【無料】

文字の配置バランスを整える為に、テキストを中央揃えにしたい場合があります。そして、文字の開始位置をずらしたい時もあります。テキストの配置は文字の見やすさや、読みやすさにも繋がります。デザイン要素に捉えることもできます。ここでは文字を整える「text-align」と「text-indent」について説明します。

ここで紹介する「letter-spacing」と「line-height」は少し重要です。このスタイルを指定することでブラウザに表示している文字ズレを無くすことができます。指定しなかった場合、文字間や行間はブラウザ側で勝手に解釈されます。他の端末（エンドユーザー）から閲覧した場合に、文字がズレている事があります。その原因からレイアウトまで崩れることもあります。今回はそんなテキストを整えるCSSをお伝えします。

ここでは文字の斜体と太さを変更するCSSについて説明します。文字の斜体を指定するスタイルとして「font-style」。文字の太さを指定するスタイルでは「font-weight」になります。斜体については、文字が少し斜めになる見え方をします。表現の一つですが頻繁に使うことは無いでしょう。一方、font-weightについては度々使います。文字の太さを指定するのでタイトルや強調したい文字にも使います。