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

CSSのテキスト属性とは何ですか? CSS テキスト プロパティの概要

不言
リリース: 2018-08-18 11:59:20
オリジナル
4762 人が閲覧しました

CSS スタイルのテキスト属性とは何ですか?各 CSS テキスト属性の用途は何ですか?この記事では、CSS テキスト属性について説明します (コード付き)。必要な方は参考にしていただければ幸いです。

1. CSS テキスト属性を使用したテキストの大文字と小文字の変換 - text-transform
属性値:
uppercase; (すべて大文字)
小文字 (すべて小文字)
大文字にする (すべて小文字の単語では最初の文字が大文字になります)

p{    text-transform:uppercase;}
ログイン後にコピー

2. CSS テキスト属性のテキストが中央揃えになります - text-align
属性値:
中央;(中央)
左; right (右揃え)

p{    text-align:center;}
ログイン後にコピー

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

em (単語単位)、±が使用可能

p{    text-indent: 3em;}
ログイン後にコピー

4. CSS テキスト属性のテキスト装飾効果の設定 — text-装飾

属性値:
なし(下線を削除)
下線(プラス線)
オーバーライン(プラスライン)
line-through (取り消し線)

a{    text-decoration:none;}
ログイン後にコピー

5.css テキスト属性で段落の行の高さ—line-height

属性値: パーセント、ピクセル、数値

a{    line-height:13px;}
ログイン後にコピー

6.css テキスト属性で単語の間隔を設定

word -spacing (のみ)英語で利用可能)
letter-spacing (中国語と英語の両方が利用可能)

p{    letter-spacing: 16px;}
ログイン後にコピー

7.css テキスト属性の段落間隔 -margin

p{    margin: 66px;}
ログイン後にコピー

8.css テキスト属性 border-border

属性値は 3 つあります: Size、color、スタイル;
境界線のスタイルには実線 (実線)、破線 (破線)、点線 (点線)

p{    border:3px lightgreen solid;}
ログイン後にコピー

9.css テキスト属性の空白

属性値:
事前 Nowraw; (テキストは自動的に行を変更しません)
継承; Normal; (1 つ表示)

p{    white-space: pre;}
ログイン後にコピー

10.css テキスト属性設定入力メソッド status-ime-mode
属性値: auto;Default

active; ローカル言語入力メソッドをアクティブ化します
inactive: 非ローカル言語入力メソッドをアクティブ化します。
無効; 入力方法は禁止されており、中国語の文字は入力できません

関連する推奨事項:

CSS_CSS/HTML によるテキスト属性の動的制御


css 中国語テキストの折り返しプロパティ ワードラップとホワイトスペース​​                                                                   

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

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