ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS属性フォント(Font)_html/css_WEB-ITnose

CSS属性フォント(Font)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:51:41
オリジナル
1343 人が閲覧しました

CSS 属性フォント (フォント)

font: [ ] -size> [ / ]

複合属性、各属性については以下を参照してください。

font-size と font-family の両方を含める必要があり、これら 2 つの値の順序は変更できません。他のキーワードの値はこれら 2 つの値の前に配置され、順序は自由に変更できます。 。

オプションの行の高さの値 (line-height) をフォント サイズの値 (font-size) にフォント サイズの補助的な値として置くことができます。この値の後には font-family を続ける必要があります。

font-style:normal | italic | oblique

normal: テキストのフォント スタイルを通常のフォントとして指定します。


italic: テキストのフォント スタイルを斜体に指定します。イタリックでデザインされていない特殊なフォントの場合、イタリックの外観を使用する場合は、oblique が適用されます。

oblique: テキストのフォント スタイルを斜体フォントに指定します。フォント内の斜体を選択するのではなく、テキストを人工的に斜体にします。

注: 斜体と斜体の違いは、少なくとも Chrom ブラウザでは非常にわかりにくいです。


font-variant:normal | small-caps

normal: 通常のフォント。

small-caps: 小さな大文字フォント。


font-weight: 標準 | 太字 |


: 通常のフォント。 400番相当。

太字: 太字。 700番相当。

太字: 非常に太字です。これは、strong および b オブジェクトの役割にも相当します。

ライター: 軽いボディ。
: 数値を使用してテキストのフォントの太さを表します。値の範囲: 100 | 300 | 600 | 900

フォントサイズ: <相対サイズ>オプションのパラメータ値: xx-small | x-large | xx-large |基本基準として中を使用すると、xx-小は中 3/5 (h6)、x-小: 3/4、小: 8/9 (h5)、中: 1 (h4)、大: 6/5 に相当します。 (h3 )、x-large: 3/2 (h2)、xx-large: 2/1 (h1)。

: 親オブジェクトのフォント サイズに対する相対調整。比例 em 単位を使用して計算されます。オプションのパラメータ値: 小さい | 大きい。

: 長さの値を使用してテキストのサイズを指定します。負の値は許可されません。

: テキストのサイズをパーセントで指定します。パーセント値は、親オブジェクトのフォントのサイズに基づきます。負の値は許可されません。


フォントファミリー:[ <ファミリー名> ] [, <ジェネリックファミリー>]*<ファミリー-name>: フォント名。優先順位順に。カンマで区切ります。フォント名にスペースや漢字が含まれる場合は、引用符で囲む必要があります。

: フォントシーケンス名。

font-stretch: 極圧縮 | 極圧縮 | 半拡張 | 幅が 4 つ狭くなります。

extra-condensed: 通常のテキスト幅よりも 3 塩基狭いです。


condensed: 通常のテキスト幅よりも 2 ベース狭くなります。

セミコンデンス: 通常のテキスト幅よりも 1 ベース狭いです。

normal: 通常のテキスト幅。

セミエキスパンド: 通常のテキスト幅よりも 1 ベース幅が広くなります。
expanded: 通常のテキスト幅よりも 2 ベース幅が広くなります。

extra-expanded: 通常のテキスト幅よりも 3 ベース幅が広くなります。

超拡張: 通常のテキスト幅より 4 ベース幅です。


ただし、サポートされていても、表示効果は通常のテキストと変わりません。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート