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

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

coldplay.xixi
リリース: 2023-01-03 09:26:21
オリジナル
12923 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート