第 5 章テキスト CSS-CSSチュートリアル-php.cn

この章の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) に注意してください。

第 5 章 テキスト CSS

第 5 章テキスト CSS