Navigation

テキスト関連

テキストの揃え方、単語や文字の間隔、段落など視覚的体裁に関する "letter-spacing, line-height, text-align, text-decoration, text-indent, text-justify, text-shadow, text-transform, vertical-align, white-space, word-spacing" の各プロパティを解説します。

多くの制作者が HTML でウェブページを作成する際、どうしても見た目の表現や効果に気を取られがちです。 本来 HTML は、「段落」「見出し」「リスト」「表」といった各部分の構造化を指定するためのマークアップ言語であるため、見た目の表現や効果を演出するのは HTML 本来の役割ではありません。 単純にウェブページで情報を伝達するための HTML において表示や効果を演出するための指定は、情報伝達の妨げとなる不明確な情報でしかありません。たとえば、HTML でテキストの左右揃えを指定したり、チカチカと点滅させたりする指定は、すべて情報伝達を妨げる事になる役に立たない指定でしかありません。これら、HTML の要素・属性による視覚的体裁は、全て CSS で代替指定することができ、CSS を使うことで、HTML は、本来の役割に徹することができ、効率的な情報交換が行えるようになります。

letter-spacing
文字の間隔(字間)を指定する
line-height
行ブロックの高さを指定する
text-align
テキストの水平方向の揃え方を指定する
text-decoration
テキストを装飾(デコレーション)する
text-indent
行頭の字下げを指定する
text-justify
両端揃えの方法を指定する(Win版IE独自拡張)
text-shadow
テキストの影付けを指定する
text-transform
テキストの大文字・小文字表示を指定する
vertical-align
テキストの垂直方向の揃え方を指定する
white-space
空白や折り返しの扱いを指定する
word-spacing
半角スペース区切りの単語の間隔を指定する

詳細は、各プロパティを参照してください。

  1. SEO-Equationトップ
  2. ホームページ作成
  3. CSS辞典
  4. テキスト関連
コンテンツは w3g.jp 配下へ移動済みです。