Textプロパティ
テキストの配置
中国の所定の水平配向に存在する元素をテキスト整列
プロパティ値:なし、中央、左、右、正当化します。
テキストの色
カラー属性
最初の行のインデントテキスト
テキストインデント最初の行のインデントテキスト指定された距離は、ユニットは、EMを使用することをお勧めします。
テキストの装飾
テキストの装飾の属性が変更されたテキストのスタイルを指定します
属性値:なし(デフォルト)|アンダーライン(下線)|上線(テキスト行の定義)|ラインスルー(定義されたテキストを通る線)|テキスト装飾プロパティの親要素の継承(継承された値。 )
1 <!DOCTYPE HTML> 2 <HTML LANG = " EN " > 3 <ヘッド> 4 <メタ文字コード= " UTF-8 " > 5 <タイトル>流浪者</タイトル> 6 <スタイル> 7つ のdiv { 8 / *テキスト整列:センター; * / 9 色:緑。 10 テキストベースインデント:2EM。 11 テキスト装飾:LINE- を通じて、 12 } 13 </スタイル> 14 15 </ HEAD> <BODY> 17 18である <DIV> レンジャーズレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーズレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャーレンジャー 。19 20である </ div> 21である 22である </ BODY> 23れます < / HTML>
行高
テキスト属性の指定の高い行行の高さ
1 <!DOCTYPE HTML> 2 <HTMLのlang = " EN " > 3 <ヘッド> 4 <メタのcharset = " UTF-8 " > 5 <タイトル>流浪者</タイトル> 6 <スタイル> 7つの DIV { 8 の幅: 200pxの; 9 高さ:は50px。 10 ライン- 高さ:は50px; 11 バックグラウンド色:緑。 12 } 13 </スタイル> 14 15 </ HEAD> 17 18である <DIV>レンジャーズレンジャー</ div> 19 20 </ BODY> 21である </ HTML>
複数行のテキストを垂直方向に中央揃え
それは5行である場合には、第1のステップ、* 300 300のボックスの幅、箱を見るには、テキストの数行の合計を示し、ラインが高い行の高さである場合のは、高いラインを見てみましょう:30px;その後、行の高さは、あなたが知っている5 * = 150ピクセル
;第二工程、(ボックス-150pxの高さ)/ 2 = 75となるように、その後カセットパディングトップ設定:75pxを、高さボックスは225px高さ次に、によって300ピクセルであることを確保しつつ。
1 <!DOCTYPE HTML> 2 <HTMLのlang = " EN " > 3 <ヘッド> 4 <メタのcharset = " UTF-8 " > 5 <タイトル>ドキュメント</タイトル> 6 <スタイル> 7つの DIV { 8 の幅:200pxの; 9 高さ:160ピクセル。 10 font- サイズ:20ピクセル; 11 バックグラウンド色:赤。 12 ライン- 高さ:40ピクセル; 13 padding- 上部:40ピクセル。 14 } 15 </スタイル> 16 </ HEAD> 17 <BODY> 18である <DIV>国国国国国国国国国国</ div> 19 20 </ BODY> 21である </ HTML>
フォントプロパティ
フォントサイズ
親要素はフォントを表し継承継承するように設定場合、フォントサイズは、フォントサイズを指定しました。
フォントの重さ
フォントの太さ、フォントの重み表現
属性値:なし(デフォルトの標準厚さ)|太字(ボールド)|ボーダー(厚い)|ライター(細かい)| 100〜900(400が通常と同等であり、太字700に相当し、特定の厚さを設定)|継承(親要素のフォントの太さの値から継承されます)
フォントファミリ
フォントファミリー
フォントファミリ:「微軟雅黒」、「マイクロソフトエレガントな黒」、「ゴシック」、サンセリフ
お使いのブラウザが最初のフォントをサポートしていない場合、それは次のものをしようとします。ブラウザは、それが認識する最初の値を使用しています。あなたは、ディスプレイのTimes New Romanをサポートしていない場合
1 <!DOCTYPE HTML> 2 <HTMLのlang = " EN " > 3 <ヘッド> 4 <メタのcharset = " UTF-8 " > 5 <タイトル>流浪者</タイトル> 6 <スタイル> 7つの DIV { 8 font- サイズ:40ピクセル; 9 font- 重量:太字; 10 フォントファミリ:「华文行楷」。 11 } 12 </スタイル> 13 14 </ HEAD> 16 。17 <DIV>レンジャーズレンジャー</ div> 18である 。19 </ BODY> 20である </ HTML>
垂直ALIGN
要素の垂直配向属性
プロパティ値:
ベースライン:デフォルト
上:
底:
中間:
著者:レンジャーズ
日付:2019年8月31日