ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでのtext属性の書き方の紹介

CSSでのtext属性の書き方の紹介

不言
不言オリジナル
2018-08-21 11:29:163404ブラウズ

この記事では、CSS での text 属性の記述方法を紹介します。必要な方は参考にしていただければ幸いです。

1. 文字の色

書き込み: body{color: red}, h1{color:#ooffoo},h2{color:rgb(255,0,0)}

2.テキストの配置

書き込み: text-align: right; left;

justify は、各行が同じ幅になるように拡張され、左右の余白が揃えられることを意味します

3 つ目は、テキスト装飾テキストです。変更

書き込み: テキスト変換: なし (デフォルト); 上書き; 下線;

; 大文字 (大文字のみ); 小文字 (小文字のみ); 5. text-indent テキストのインデント: 0 (デフォルトは 0) ) ;length; % (パーセンテージ);

6. 文字間隔

書き込み方法: 通常 (デフォルト、標準の間隔)

;書き込み方法: line-height:normal (デフォルト、適切な行間隔); 数値 (行間隔を設定するために数値が乗算されます)

8. 方向 テキストの方向

;書き込み: 方向: ltr (デフォルト、左から右); rtl (右から左);

9: 文字間隔: 通常 (デフォルト);負の値が許可されます ); ぼかし (オプション、ぼやけた距離);

例:

h1{text-shadow:2px 2px #ff0000;}

11. unicode-bidi は、テキストが存在するかどうかを設定または返すために使用されます。同じドキュメント内で複数の言語をサポートするために書き直されました。

書き込み: unicode-bidi:normal (デフォルト、追加の埋め込みレベルなし); embed (追加の埋め込みレベルを作成します。並べ替えは方向属性に依存します。);要素をデフォルト値に); 継承;

12、vertical-align 垂直配置

書き込み:vertical-align:baseline (デフォルトでは、要素は親要素のベースラインに配置されます);テキスト); super (テキストの上付き文字を垂直方向に揃えます); 要素の上部を行内の最も高い要素の上部に位置合わせします。親要素のフォント); middle (この要素を親要素の中央に配置します); text-bottom (要素の上部を行の最下位の要素の上部に位置合わせします);親要素のフォントの下部); length; (この要素を配置するには、「line-height」属性のパーセント値を使用します。負の値も許可されます);ホワイトスペースで指定された要素内のスペース

書き込み:white-space:normal( デフォルト。ホワイトスペースはブラウザーによって無視されます。);pre (ホワイトスペースはブラウザーによって保持されます。これは、次の e03b848252eb9375d56be284e690e873 タグのように動作します。 HTML); nowrap (テキストは折り返されず、0c6dc11e160d3b678d68754cc175188a タグが見つかるまで同じ行に続きます) (空白シーケンスは保持されますが、行の前で通常のように改行が行われます); (空白シーケンスを結合しますが、改行文字は保持します);

関連する推奨事項:

CSS-Textvertical centering_html/css_WEB-ITnose

CSS テキスト スタイルとテキストの大文字化を制御する方法

以上がCSSでのtext属性の書き方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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