この章のCSSの主な機能
この章では、テキスト関連のCSSコマンドを紹介します。通常、Web サイトのほとんどのコンテンツはテキストです。これらのテキスト関連の CSS 命令を使用すると、Web ページのコンテンツを美しくレイアウトできます。この章は 2 つの部分で説明されます。最初の部分では、さまざまなスタイルのテキスト フォントを制御するために使用されるフォント固有の CSS コマンドについて説明します。2 番目の部分では、テキストを制御するために使用されるテキスト ベースの CSS コマンドについて説明します。テキストの段落の外観と配置。
フォントプロパティのコマンドCSSS
font-family テキストフォントのサポートを設定します: IE3、IE4 適用可能: すべての要素 可能な値: フォント名のデフォルト値: ブラウザに依存します 継承:一般的な例があります: SPAN { family-name : "standard Kai style" } 同軸の例: font-style フォント スタイルを設定します サポート: IE3、IE4、 NC4 適用可能: すべての要素 可能な値: Normal Normal font italic italic oblique italic デフォルト値: Normal 継承: はい 一般的な例: SPAN { font-style : italic } 同軸の例: font-weight フォントの太さを設定します サポート: IE3、IE4、NC4 適用可能: すべての要素 可能な値: Normal 通常のフォント 太字 太字 親要素に比べて太字がわずかに太くなります 親要素に比べて明るくなります 親要素がわずかに細くなります 100、200 、300、400、500、600、700、800、900。数字は小さいものから大きいものまで、細いストロークから太いストロークを表します。normal=400、bold=700 デフォルト値:normal 継承:Yes 一般的な例: SPAN { font-weight :bolder } 同軸の例: font-size テキスト サイズのサポートの設定: IE3、IE4、NC4 適用可能: すべての要素 可能な値: 絶対サイズ、使用可能パラメータは小から大まで xx-small、x-small、small、medium、large、x-large、xx-large の 2 つのパラメータが使用可能です。小さいものは親要素のフォント サイズに基づいています長さの単位。第 1 章の基本単位の関連説明を参照してください。親要素のフォント サイズに基づくパーセント。デフォルト値: 中継承。 : 一般的な例があります: SPAN { font-size : 12pt } Axis の例と同じ: font-variant テキスト変換サポートの設定: IE3、IE4、NC4 適用: すべて要素 可能な値:normal、normal fonts small-caps 小文字のテキストを大文字に変換します。 デフォルト値:normal 継承:はい 通常の例: SPAN { font-variant : small-caps } 同軸の例: font フォント プロパティの包括的な設定サポート : IE3、IE4、NC4 適用可能: すべての要素 可能な値: フォント スタイルを設定 テキスト変換を設定 フォントを設定Weight テキスト サイズと列の高さを設定します (テキスト列の高さの設定に関するセクションを参照してください) テキストのフォントを設定します デフォルト: なし 継承: はい 一般的な例: SPAN { font : 太字の小さい文字 12pt/120% Arial }同軸の例: < SPAN style="font : 太字の小さい文字 12pt/120% Arial">line-height 列の高さのサポートを設定します: IE3、IE4、NC4 適用可能: すべての要素 可能な値: Normal 通常の列の高さ、適切な高さはブラウザに応じてフォントに応じて変化します 要素のフォント サイズを乗算します。数値は列の高さです 長さを設定するには、第 1 章の基本単位の関連手順を参照してください。 要素のフォント サイズに対する割合です。 デフォルト値: 通常 継承:はい 一般的な例: DIV { line-height : 120% } 同軸の例: text-align テキスト ペアのサポートの設定: IE3、IE4、NC4 適用可能: ブロック要素 可能な値: center center right right left 左右揃え デフォルト値: ブラウザに依存します 継承: はい 一般的な例: DIV { text-align : center } 同軸の例:
vertical- align 垂直ペアのサポートを設定します: IE4 適用可能: 同軸要素 可能な値: 同じ列内の最も高い要素の場合は top 同じ列の最も低い要素の場合は topbottom 同じ列の最も低い要素の場合はbottom ベースラインは一番下のラインの場合subscript super 要素を配置します。 上付き文字 text-top をテキストの上部に配置します。 text-bottom をテキストの下部に配置します。
要素自体の列の高さを参照し、親要素の最下行を次のように使用します。デフォルト値: ベースラインの継承: 一般的な例があります: SPAN {vertical -align : sub }同軸の例: text-decoration テキスト装飾サポートの設定: IE3、IE4、NC4 適用可能: すべての要素 可能な値: なし 通常の文字、下線テキストと下行の上線テキストと上行のスルーテキストと取り消し線の点滅 テキストの点滅の設定 デフォルト値: なし 継承: はい 一般的な例: SPAN { text-装飾: ブリンク } 同軸の例: text-transform テキスト変換サポートの設定: IE3、IE4、NC4 適用可能: すべての要素 可能な値: なし 通常の単語の大文字は、大文字と小文字の 1 文字を変換します。英単語を大文字に変換します すべてのテキストを大文字に変換します 小文字に変換します すべてのテキストを小文字に変換します デフォルト: なし 継承: はい 一般的な例: SPAN { text-transform : uppercase } 同軸の例: ギャップの長さを増やすには、デフォルト値を指定します。値: 通常 継承: はい 一般的な例: SPAN { Letter-spacing : 0.5pt }同軸の例: text-indent テキストのインデントを設定します サポート: IE3、IE4、NC4 適用可能: ブロック要素 可能な値: 長さの単位。第 1 章の基本単位に関する説明を参照してください。 親要素の幅に基づくパーセンテージ値。 デフォルト値: 0 継承: はい。 : DIV { text-indent : 3pt } Axis の例と同じ: 上記は第 5 章のテキストベースの CSS の内容です。 PHP 中国語 Web サイト (www.php.cn) に注意してください。
声明：この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
