CSSフォント複合プロパティの順序_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:44:19
オリジナル
2290 人が閲覧しました

CSS リファレンス マニュアル

1 つのステートメントですべてのフォント プロパティを設定します:

p.ex1  {  font:italic arial,sans-serif;  }p.ex2  {  font:italic bold 12px/20px arial,sans-serif;  }
ログイン後にコピー

自分で試してみる

ブラウザ サポート

IE Firefox Safari Opera Chrome

すべてのブラウザは font 属性をサポートしています。

注: Internet Explorer (IE8 を含む) のどのバージョンでも、属性値「inherit」はサポートされていません。

定義と使用法

font 省略表現プロパティは、1 つの宣言ですべてのフォント プロパティを設定します。

注: このプロパティには 6 番目の値「line-height」もあり、行間隔を設定できます。

説明

この短縮プロパティは、要素のフォントの 2 つ以上の側面を一度に設定するために使用されます。アイコンなどのキーワードを使用して、ユーザーのコンピュータ環境の側面に合わせて要素のフォントを適切に設定します。これらのキーワードを使用しない場合は、少なくともフォント サイズとフォント ファミリーを指定する必要があることに注意してください。

次のプロパティを順番に設定できます:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family
  • いずれかの値を設定することはできませんfont:100% verdana なども使用できます。設定されていないプロパティにはデフォルト値が使用されます。

    デフォルト: 継承: バージョン: JavaScript 構文:
    指定されていません
    はい
    CSS1
    object.style.font="イタリック小文字太字 12px 、サンセリフ」

    可能な値

    値の説明
    font-style フォント スタイルを指定します。参照: font-style で可能な値。
    font-variant フォント バリアントを指定します。参照: font-variant で可能な値。
    font-weight フォントの太さを指定します。参照: font-weight で可能な値。
    font-size/line-height フォントサイズと行の高さを指定します。可能な値については、font-size と line-height を参照してください。
    font-family フォントファミリーを指定します。可能な値については、font-family を参照してください。
    caption キャプション コントロール (ボタン、ドロップダウン リストなど) で使用されるフォントを定義します。
    icon アイコンマークで使用するフォントを定義します。
    menu ドロップダウン リストで使用するフォントを定義します。
    メッセージボックス ダイアログボックスで使用されるフォントを定義します。
    small-caption caption フォントの小さいバージョン。
    status-bar ウィンドウのステータス バーで使用されるフォントを定義します。

    TIY 例

    1 つの宣言内のすべてのフォント プロパティ この例では、短縮属性を使用して 1 つの宣言内でフォント プロパティを設定する方法を示します。 「caption」値を使用して段落フォントを設定する この例では、「caption」値を使用して段落フォントを設定する方法を示します。

    関連ページ

    CSSチュートリアル: CSSフォント

    HTML DOMリファレンスマニュアル: フォントプロパティ

    CSSリファレンスマニュアル

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