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

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

王林
リリース: 2020-11-18 17:10:42
オリジナル
4752 人が閲覧しました

CSS のテキスト属性は次のとおりです: 1. カラー属性 color; 2. テキスト配置属性 text-align; 3. 装飾テキスト属性 text-decoration; 4. テキスト インデント属性 text-indent; 5. 行間隔属性行の高さ。

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

#CSS のテキスト属性は次のとおりです:

(学習ビデオ共有:

css ビデオ チュートリアル)

1. テキストの色

color 属性はテキストの色を定義するために使用されます


div {
color:red;
}
ログイン後にコピー

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

開発で最も一般的に使用されるのは 16 進数です。

2. テキストの配置

##text-align 属性は、要素内のテキスト コンテンツの水平方向の配置を設定するために使用されます

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


#3 , テキストの装飾

CSSのテキスト属性とは何ですか text-decoration 属性は、テキストに追加する変更を指定します。テキストに下線、取り消し線、上線などを追加できます。

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


4. テキストのインデント

CSSのテキスト属性とは何ですかtext-indent 属性は、テキストの最初の行 (通常は段落) のインデントを指定するために使用されます。最初の行はインデントされます。

div {
text-indent:10px;
}
ログイン後にコピー

この属性を設定すると、すべての要素の最初の行を指定された長さだけインデントできます。長さが負の値であってもかまいません。


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

em は相対単位であり、現在の要素の 1 つのテキストのサイズ (font-size) です。現在の要素にサイズが設定されていない場合は、1 つのテキストのサイズになります。親要素のテキスト。


5. 行間隔

line-height プロパティは、行間の距離 (行の高さ) を設定するために使用され、テキストの行間の距離を制御できます。

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

関連する推奨事項:

CSS チュートリアル

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

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