CSS構文マニュアル(2) テキストプロパティ

1. 文字間隔

機能: テキスト要素の文字間の間隔を制御します。設定された距離は要素全体に適用されます。
値:
normal - 通常の間隔、すべてのフォントとサイズの文字間の間隔を通常の間隔にリセットします。
長さ - 単語の間隔の長さを設定します。正の値は親要素から継承した通常の長さを加算することを意味し、負の値は通常の長さを減算することを意味します。数値の後に測定単位を mm、cm、in、pt (ポイント)、px (ピクセル)、pc (パイカ)、ex (小文字 x の高さ)、em (大文字 M の幅) のように指定します。
例:

Letter-Spacing

2、line-height

機能: 要素内のテキストの行間隔を設定します。
値:
normal - 通常の高さ、通常はフォント サイズの 1 ～ 1.2 倍、これがデフォルト設定です。
数値 - 要素内のテキストの各行間の距離をフォント サイズにこの数値を掛けた値に設定します。たとえば、フォント サイズが 10 ポイントで行の高さが 2 に設定されている場合、間隔は 20 ポイントになります。
長さ - 標準の測定単位で間隔を設定します。絶対的なものと相対的なものがあります。手順については、letter-spacing を参照してください。
パーセント - フォントサイズのパーセントとして間隔も設定します。

例: これは最初の行です。

これは2行目です。

3行目です。

3. text-align

機能: 要素ボックス内のテキストを水平方向に整列させます。
値:
left - 左揃え
right - 右揃え
center - 中央
justify - 均等に分散し、同じ長さの線を生成
例:

を左へ

中央

を右へ

4. テキスト-decoration

関数: テキスト装飾。テキスト要素によって使用される効果を制御するために使用されます。特に目を引く指示、警告、その他のテキスト効果に適しています。
値:
none - テキスト変更なし、デフォルト設定。
下線 - 下線。
オーバーライン - オーバーライン。
line-through - 取り消し線。
点滅 - 点滅します。
同じステートメント内で複数のキーワードを組み合わせることができます。
例:

underline

overline

5. text-indent

機能: テキストのインデント。段落の最初の行をインデントするために使用されます。
値:
Length - 最初の行のインデントのサイズを指定された測定単位に設定します。単位には相対的なものと絶対的なものがあります。letter-spacing 属性の説明を参照してください。
パーセント - 最初の行のインデント量を行の長さのパーセンテージとして設定します。
例:

テキストのインデント。段落の最初の行をインデントするために使用されます。

6. text-transform

機能: 1 つまたは複数の要素の大文字化の標準を設定します。
値:
none - テキストの大文字または小文字を変更しません。
capitalize - 要素内の各単語の最初の文字を大文字にします。
大文字 - すべてのテキストを大文字に設定します。
小文字 - すべてのテキストを小文字に設定します。
例:

テキスト変換の例。

テキスト変換の例。

値:

baseline - 2 つの要素を揃える小文字のベースライン。

sub - 添え字。

super - 上付き文字。

top - 上部の配置。

text-top - テキストの上揃え。
中央 - 正中線の位置合わせ。
bottom - ボトムラインの位置合わせ。
text-bottom - 文字の下行を揃えます。
パーセント - 親要素のベースラインに基づいてオンライン要素のベースラインを一定の割合で増減し、要素の line-height 属性と組み合わせて使用​​します。
例:




a1x2

8、Word-spacing

機能: テキスト内の要素間の間隔を制御します。設定した間隔は要素全体に適用され、単語間にこれより大きいまたは小さい間隔を挿入することはできません。

値:

normal - 通常の間隔。

長さ - 長さが正の場合は、親要素から継承した通常の長さが加算され、負の場合は減算されます。

例:

単語の間隔の例

上記は、CSS 文法マニュアル (2) のテキスト属性の内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) を参照してください。