CSS テキスト スタイルは、コンテンツに関連したスタイルの変更です。カスケード関係では、コンテンツが背景よりも上位にあるためです。したがって、テキストのスタイルは比較的重要です。
CSS コントロールのテキスト プロパティ:
1. テキストのインデントを設定します: text-indent:length (長さの単位) は負の値にすることができます
2. テキストの水平方向の配置: text-align: left、中央、右
3. 空白処理: ホワイトスペース:nowrap (nowrap は強制的に 1 行で表示され、前の改行とスペースは保持され、通常は自動的に行を折り返します)
4. サイズ書き込み制御: text-transform: (各単語の最初の文字を大文字に、すべての文字を大文字に、すべての文字を小文字に、通常のサイズはなし)
5. テキストの垂直方向の配置:vertical-align: (sub はテキストを下付き文字として設定し、super はテキストを上付き文字として設定します。top は上と揃えられ、text-bottom は下と揃えられます)
6、テキストの色: color はテキストの色を設定します
最初の行のインデント
定義:
最初の行のインデントは、段落の最初の行をインデントすることであり、一般的なテキスト書式設定効果です。一般的に中国語で文章を書く場合、これと同じように最初に空白が2つ入ります。
[注意] この属性は負の値にすることもできます
text-indent
値: <length> (ブロックとインラインブロックを含む) 継承: あり
パーセンテージ: の幅に対する相対値含むブロック
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
p {text-indent:50px;}
</style>
</head>
<body>
<p>亚冠联赛是亚洲最高等级的俱乐部赛事，相当于欧洲的欧洲冠军联赛及南美洲的南美解放者杯，高于亚足联杯和亚足联主席杯，
获得冠军的球队将代表亚洲参加当年12月举行的国际足联世界俱乐部杯。期待恒大在世俱杯中为中国足球争光添彩。</p>
</body>
</html>水平方向の配置 定義:
水平方向の配置は要素の内容に影響します テキストの水平方向の配置。
text-align
値: left center right |
初期値: left
適用先: ブロックレベル要素(block、inline-blockを含む)
継承: Yes
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>格式</title>
<style>
.center
{
margin:auto;
width:70%;
background-color:#b0e0e6;
}
</style>
</head>
<body>
<div class="center">
<p>亚冠联赛是亚洲最高等级的俱乐部赛事，相当于欧洲的欧洲冠军联赛及南美洲的南美解放者杯，高于亚足联杯和亚足联主席杯，</p>
<p>获得冠军的球队将代表亚洲参加当年12月举行的国际足联世界俱乐部杯。期待恒大在世俱杯中为中国足球争光添彩。</p>
</div>
</body>
</html>テキスト変換
テキスト変換は英語の大文字と小文字の変換を処理するために使用されます
text -変換
値: 大文字 (すべて大文字) | 大文字 (最初の文字を大文字にする) なし | 初期値: なし
適用対象: すべての要素
継承: はい文字装飾
定義:
文字装飾はテキストに装飾線を提供するために使用されます
[注意]文字装飾線の色は文字の色と同じです
text-decoration
値:なし| [underline( Underline) || overline (underline) || line-through (underline)] | 継承
適用対象: すべての要素
継承: none
次のセクション
