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

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

不言
不言オリジナル
2018-08-13 09:42:323518ブラウズ

この記事では、CSS テキスト属性とは何ですか? CSS テキスト属性の概要は、必要な友人が参考にできることを願っています。

CSS テキストのいくつかのプロパティの使い方を簡単にまとめました。忘れたときに Web サイトにアクセスして確認する必要もありません。

以下は一部まとめです、他の方の参考になれば幸いです

文字装飾

(1)text-decoration: 文字装飾(横線)

4つの属性値

overline line-through 下線 点滅

(1)overline

テキスト上に水平線を定義します

(2)line-through

この属性値は、通常、販売者の価格プロモーション後の価格が最も役立ちます。以前の価格であることを示すために水平線が表示されます

(3) 通常、タグは unline でマークされます

それを削除したい場合は、text-decoration:none を設定する必要があります

(4)blink

テキストは通常​​はめったに使用されません。キャンバスで使用でき、ブラウザのサポートが高くなく、Firefox のみがサポートしています

さらに:

テキスト装飾も使用できます。 -color 水平線の色を変更します

(2) text-transform 大文字と小文字

5 属性値

大文字を大文字にする、小文字を挿入するなし

(1)capitalize

最初の文字は大文字になります

(2) )大文字と小文字

uppercase

(3)inhert

親要素の文字を継承します プロパティ

(4)none

デフォルト、効果なし

(3)text-overflowはテキスト出力の変更を定義します範囲の

3属性

省略文字列をクリップ

(1)クリップ

テキストをトリミング

(2)省略

省略記号を使用して余分なテキストを表現

(3)文字列

固定文字を使用して過剰を表現text

(4) text-shadow: h-shadow v-shadow ぼかしカラー テキストシャドウ効果

3属性値

(1)v-shadow 必須、水平シャドウの位置、負の値は許可

(2)v-shadow 必須、垂直影の位置、負の値も許可

(3)blur オプション、ぼかし距離

(4)color オプション、影の色

テキストレイアウト

(1)text-indent テキストインデント

3 属性値

length % inhert

(1)length

固定インデントをピクセル単位で定義します。デフォルト値は 0

(2)%

長さのインデントは親要素の幅のパーセンテージです

(3)inhert

親要素のインデントを継承

(2)text-align テキストの配置

5つの属性値

左中央右justify inhert

(1)left と right

めったに使用されません

(2)center

中央揃え

line-height と一緒によく使用されます: テキストを中央揃えにするための親要素の高さです

line-height の場合属性が追加されていない場合、テキストは親要素の上になります

(3)justify

テキストの両端を揃えます

関連推奨事項:

CSSを使用してテキスト属性を動的に制御する_CSS/HTML

css中国語テキストの折り返し属性のワードラップとホワイトスペース

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

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