CSS_html/css_WEB-ITnose の 6 つの一般的なテキスト スタイル

× 目次 [1] 1行目のインデント [2] 水平方向の配置 [3] 単語の間隔 [4] 文字の間隔 [5] テキストの変換 [6] テキストの変更

前の単語

CSSのテキストスタイルは相対的コンテンツのスタイル変更。カスケード関係では、コンテンツが背景よりも上位にあるためです。したがって、テキストのスタイルは比較的重要です。テキストとフォント スタイルの違いをよく理解していない人もいます。簡単に言えば、テキストはコンテンツであり、フォントはこのコンテンツを表示するために使用されます。この記事では、テキスト関連のスタイルを詳しく紹介します。

最初の行のインデント

定義

最初の行のインデントは、段落の最初の行をインデントすることであり、一般的に使用されるテキスト書式設定効果です。一般的に中国語で文章を書く場合、これと同じように最初に空白が2つ入ります。

[注意] この属性は負の値にすることもできます

text-indent

値: db78164a8391e35bbd4bab97dc7d89cc 継承

初期値:normal (デフォルトは0)

適用対象: すべての要素

継承: はい

テキスト変換

テキスト変換は英語の大文字と小文字の変換を処理するために使用されます

text-transform

値: uppercase(すべて大文字) | 小文字 (すべて小文字) | 継承

初期値: なし

継承: はい

定義

テキスト装飾はテキストに装飾線を付けるために使用されます

[注意] テキスト装飾線の色はテキストの色と同じです

text-decoration

値: none [underline (underline) || overline (overline) ) ) || ラインスルー(下線)] | 継承

初期値: none

適用対象: すべての要素

継承: none

inherit

テキスト変更属性は継承できないことを意味します要素は継承できません。 テキスト上の装飾線は親要素と同じ色になります。子要素のテキスト上の装飾線は実際には親要素に属しており、親要素を「通過」しているだけです。

[注] 競合しないテキスト変更行が複数出現する可能性があります