ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSのテキスト属性とは何ですか?

CSSのテキスト属性とは何ですか?

coldplay.xixi
coldplay.xixiオリジナル
2021-03-01 15:04:0912920ブラウズ

css テキスト属性: 1. 段落の余白の間隔; 2. [text-align] テキストの中央揃え; 3. [text-indent] 段落のインデント; 4. [text-decoration] テキストの装飾効果を設定; 5 、 [line-height] は段落の行の高さを設定します。

CSSのテキスト属性とは何ですか?

このチュートリアルの動作環境: Windows10 システム、css3 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

css テキスト プロパティ:

1. CSS テキスト プロパティ: テキスト内の大文字と小文字の変換—text-transform

属性値:

  • uppercase;(すべて大文字)

  • lowercase;(すべて小文字)

  • Capitalize; (すべて小文字の単語では、最初の文字が大文字になります)

  p{text-transform:uppercase;}

2. CSS テキスト属性のテキストの中央揃え——text-align

属性値:

  • center; (中央揃え)

  • left; (左揃え)

  • Right (右揃え)

  p{text-align:center;}

3. CSS テキスト属性の段落インデント—text-indent

em (つまり、単位は単語)、±も使用可能

  p{text-indent:3em;}

4. CSSテキスト属性のテキスト装飾効果を設定します——text-decoration

属性値:

  • なし(下線を削除)

  • underline(下線)

  • ## 上線(下線を追加)

  • ラインスルー (取り消し線)

  •   a{text-decoration:none;}
5. CSS テキスト属性の段落行の高さの設定—

-line-height

属性値:percentage、px、number

  a{line-height:13px;}

6. CSS テキスト属性の単語間隔の設定

Word-spacing (英語のみに役立ちます)

文字間隔 (中国語と英語の両方を使用できます)

  p{letter-spacing:16px;}

7. CSS テキスト プロパティの段落間隔-

margin

  p{margin:66px;}

8. Border の CSS テキスト プロパティ- —

border

サイズ、色、スタイルの 3 つの属性値があります。

境界線のスタイルは、実線 (実線)、破線 (破線)、点線です。 (点線)

  p{border:3pxlightgreensolid;}

9. CSSテキスト属性スペース——

white-space

属性値:

  • pre ;(デフォルトと同じ)

  • #nowrap;(テキストは自動的に折り返されません)
  • # 継承;(親から継承)
  • Normal;(1 つ表示)
  •   p{white-space:pre;}

    10. CSS テキスト属性の入力メソッドのステータスの設定-
  • ime-mode

属性値:

自動; デフォルト
  • アクティブ; ローカル言語入力メソッドをアクティブ化;
  • 非アクティブ: 非ローカル言語の入力方法を有効にする;
  • 無効にする; 入力方法を禁止する、中国語の文字を入力できない
推奨 (無料):

css ビデオ チュートリアル

以上がCSSのテキスト属性とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。