テキスト・プロパティー

Text Properties

• 言葉（単語）間隔（Word Spacing）
• 文字間隔（Letter Spacing）
• テキスト修飾（Text Decoration）
• 垂直配置（Vertical Alignment）
• テキスト変換（Text Transformation）
• テキスト配置（Text Alignment）
• テキスト字下げ（Text Indentation）
• 行の高さ（Line Height）

言葉（単語）間隔（Word Spacing）

word-spacingプロパティーは言葉（単語）間の追加空間を定義します。この値は length形式にすべきです；マイナス値は許されます。

例：

P EM   { word-spacing: 0.4em }
P.note { word-spacing: -0.2em }

文字間隔（Letter Spacing）

letter-spacingプロパティーは、文字間隔を定義します。値は length形式です；マイナス値も許されます。 0の設定は均等割(justification)を防ぎます。

例：

H1     { letter-spacing: 0.1em }
P.note { letter-spacing: -0.1em }

テキスト修飾（Text Decoration）

text-decorationプロパティーで、テキストを五つのプロパティーの中の一つで飾ることができます： underline・ overline・ line-through・ blink乃至は初期値none。

例としてリンクに下線を引いたものです

A:link, A:visited, A:active { text-decoration: none }

垂直配置（Vertical Alignment）

vertical-alignプロパティーはインライン要素の垂直方向配置を、親要素乃至は要素の行に相対的に、変えるのに使われます。（ インライン要素はその前後に強制改行がないもので、例えばHTMLの EM・ AそしてIMGです。）

値は、要素の line-heightプロパティーに相対的なpercentageで、親基準線の上に特定されたものに要素の基準線を持ち上げます。マイナス値も許されます。

値はキーワードのこともありえます。以下のキーワードは親要素に相対的な位置に影響を及ぼします：

• baseline（要素と親の基準線の配置）
• middle（基準線プラスx-heightの半分−−親のletter "x"の高さ）
• sub（下付添え字）
• super（上付添え字）
• text-top（要素と親文字の先端配置）
• text-bottom（要素と親文字の底辺配置）

要素の行に相対的な位置に影響を及ぼすキーワードは以下のものがあります。

• top（行中最も高い要素をもった要素の先端配置）
• bottom（行中最も低い要素をもった要素の底辺配置）

vertical-alignプロパティーは画像配置用に特に有用です。以下のような例です：

IMG.middle { vertical-align: middle }
IMG        { vertical-align: 50% }
.exponent  { vertical-align: super }

テキスト変換（Text Transformation）

text-transformプロパティーで、テキストを四つのプロパティーの中の一つに変換できます：

• capitalize（各単語の最初の文字を大文字に）
• uppercase（各単語の全ての文字を大文字に）
• lowercase（各単語の全ての文字を小文字に）
• none（初期値）

例：

H1 { text-transform: uppercase }
H2 { text-transform: capitalize }

text-transformプロパティーは様式上の要求を表現するためだけに使用されるべきです。例えば、国や名称一覧を大文字化するのに text-transformを使うのは不適切です。

テキスト配置（Text Alignment）

text-alignプロパティーは ブロック−レベル要素（ P・ H1など）に適用され、要素のテキストの配置を与えます。このプロパティーは機能的にはHTMLのパラグラフ・見出し・ブロック区域の ALIGNと同じです。

例を以下にあげます：

H1          { text-align: center }
P.newspaper { text-align: justify }

テキスト字下げ（Text Indentation）

　text-indentプロパティをブロック−レベル要素（ P・ H1など）に適用することができ、要素の最初の行が受けるべき字下げの数を定義します。その値はlengthか percentageでなければなりません；パーセンテージは親要素の幅を参照します。 text-indentの普通の使い方は、パラグラフの字下げです：

P { text-indent: 5em }

行の高さ（Line Height）

line-heightプロパティーは、テキストの基準線との間の空間（隙間）を制御する値を受け入れます。その値は数値の場合行の高さは要素の文字サイズに数値掛けて計算されます。パーセント値は要素の文字サイズに対する相対的なものです。マイナス値は許されません。

行の高さは、 fontプロパティー内で文字サイズにそって与えられることもできます。

line-heightプロパティーはダブル・スペース・テキストに使うこともできます：

P { line-height: 200% }

Microsoft Internet Explorer 3.xは、数値値やピクセル値としての em乃至は ex単位を不正確に処理します。このバグでページが判読しにくくなりますので、制作者はできるだけそれを引き起こすことを避けなければなりません；パーセント単位はいい選択であることがおおいようです。

Maintained by John Pozadzidesと Liam Quinn

CSSインデックス ‾ CSS構造 ‾ CSSプロパティー

Copyright © 1997 John Pozadzides and Liam Quinn. All rights reserved.