CSS段落プロパティの詳しい説明

CSS は Web ページを静的に変更できるだけでなく、さまざまなスクリプト言語と連携して Web ページのさまざまな要素を動的にフォーマットすることもできます。 CSS は、Web ページ内の要素の位置のレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォント サイズ スタイルをサポートし、Web ページのオブジェクトとモデル スタイルを編集する機能を備えています。この記事では、CSS 段落プロパティについて詳しく説明します。

CSS を使用すると、単語の間隔、文字の間隔、テキストの変更、垂直方向の配置、テキストの変換、テキストの配置、テキストのインデント、行の高さなどを含む段落の属性を制御することもできます。

1.1 Word-spacing

文法:

word-spacing: 値

説明:

値には標準値または長さの値を使用できます。 「Normal」は通常の間隔を指し、デフォルトのオプションです。「長さ」は単語間隔を設定するための値および単位であり、負の値も使用できます。

1.2 文字間隔

間隔を使用して、文字間の間隔を制御します。

構文:

letter-spacing: value

1.3 Text-decoration text-decoration

text-decoration 属性を使用して、下線や取り消し線の設定など、テキストを変更します。

文法:

text-decoration: value

説明:

none は装飾なしを意味し、これはデフォルト値です。underline はテキストに下線を引くことを意味します。テキストの取り消し線の点滅はテキストの点滅効果を示します。

1.4 垂直方向の配置 bertical-align

垂直方向の配置を使用して、テキストの垂直方向の配置を設定します。

構文:

vertical-align: 配置値

説明:

vertical-align には次の値が含まれます:

baseline: ブラウザーのデフォルトの垂直方向の配置

sub: テキストの添え字;

super:テキストの上付き文字

top: 上に垂直方向に整列します。

middle: 垂直方向に中央に整列します。要素と親要素 フォントは下揃えになります。

1.5 Text-transform

text-transform プロパティは、英語の大文字と小文字を変換するために使用されます。

文法:

text-transform: 値を変換します

説明:

text-transform には次の値が含まれます:

none: 元の値を使用することを意味します。

capitalize: 各単語の最初の文字を使用することを意味します。大文字;

大文字: 各単語のすべての文字を大文字で使用することを意味します;

小文字: 各単語のすべての文字を小文字で使用することを意味します

1.6 水平方向の配置 text-align

は text- を使用して設定できます。 align 属性 テキストの水平方向の配置。

構文:

text-align: 配置値

説明:

水平方向の配置値には、左、右、中央、両端揃えが含まれます。

1.7 text-indent

HTML では、段落全体の右インデントのみを制御できます。設定しない場合、ブラウザーはデフォルトでインデントなしになりますが、CSS では制御できます。段落のインデントと最初の行のインデントの距離。

構文:

text-align: indent value

1.8 Text line-height

text line-height プロパティを使用して、段落内の行間の距離を制御します。

構文:

text-align:行の高さの値

説明:

行の高さの値は、長さ、倍数、またはパーセンテージにすることができます。

1.9 空白の空白の処理

white-space属性は、空白のページコンテンツの処理方法を設定するために使用されます

構文:

white-space:空白の値

説明:

ホワイトスペースには 3 つの値が含まれ、そのうちの通常はデフォルトの属性です。pre はソース コード内のスペースと改行を保持し、nowrap はすべてのテキストを同じ行に表示します。

1.10 テキスト反転 unicode-bidi、direction

unicode-bidi、direction 属性は、オブジェクトの読み取り順序を設定するためによく一緒に使用されます。

1.unicode-bidi 属性

構文:

unicode-bidi:bidi-override |normal| embed

説明:

unicode-bidi 属性の値において、bidi-override は厳密に意味します。に従って、direction 属性の値が再配置されます。normal は、オブジェクトが追加の埋め込み層を開き、direction 属性の値が埋め込み層を指定し、オブジェクト内で暗黙的な再配置を実行することを示します。 。

2.direction 属性

構文:

unicode: lir |rtl| accept

説明:

direction 属性の値では、ltr は左から右への順序で読み取ることを意味します。右からの読み取り 左から左の順序で読み取ります。継承は、テキスト ストリームの値を継承できないことを意味します。

上記の内容はCSS段落属性について詳しく説明したもので、皆様のお役に立てれば幸いです。

関連する推奨事項:

CSSでラダータブページを実装する方法

CSSグリッドレイアウトのサンプルコード

CSSコンテンツ属性の詳細な説明

以上がCSS段落プロパティの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。