ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSのテキスト属性とは何ですか?
css テキスト属性: 1. 段落の余白の間隔; 2. [text-align] テキストの中央揃え; 3. [text-indent] 段落のインデント; 4. [text-decoration] テキストの装飾効果を設定; 5 、 [line-height] は段落の行の高さを設定します。
このチュートリアルの動作環境: 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
a{line-height:13px;}6. CSS テキスト属性の単語間隔の設定 Word-spacing (英語のみに役立ちます) 文字間隔 (中国語と英語の両方を使用できます)
p{letter-spacing:16px;}7. CSS テキスト プロパティの段落間隔-
margin
p{margin:66px;}8. Border の CSS テキスト プロパティ- —
border
p{border:3pxlightgreensolid;}9. CSSテキスト属性スペース——
white-space
p{white-space:pre;}10. CSS テキスト属性の入力メソッドのステータスの設定-
属性値:
非アクティブ: 非ローカル言語の入力方法を有効にする;
以上がCSSのテキスト属性とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。