Css-font
提供:Dev Guides
CSS-フォント
説明
_font_プロパティは、テキストのレンダリングに影響を与えるために使用される略記プロパティです。
可能な値
可能な値は、このプロパティの使用方法によって異なります。
- <font-style> -プロパティfont-styleに許可されている値。
- <font-variant> -プロパティfont-variantに許可されている値。
- <font-weight> -font-weightプロパティに許可されている値。
- <font-size> -プロパティfont-sizeに許可されている値。
- <font-family> -プロパティfont-familyに許可されている値。
- <line-height> -プロパティline-heightに許可される値。
- caption -キャプション付きのコントロール(ボタンやドロップダウンメニューなど)のためにオペレーティングシステムで使用されるフォント。 これは、「システムフォント」値の1つです。
- icon -オペレーティングシステムがアイコンにラベルを付けるために使用するフォント。 これは、「システムフォント」値の1つです。
- menu -メニューでオペレーティングシステムが使用するフォント(ドロップダウンメニューやメニューリストなど)。 これは、「システムフォント」値の1つです。
- message-box -ダイアログボックス(たとえば、警告ダイアログ)内のオペレーティングシステムで使用されるフォント。 これは、「システムフォント」値の1つです。
- small-caption -オペレーティングシステムが小さなコントロールにラベルを付けるために使用するフォント。 これは、「システムフォント」値の1つです。
- status-bar -ウィンドウのステータスバーでオペレーティングシステムが使用するフォント。 これは、「システムフォント」値の1つです。
に適用されます
すべてのHTML要素。
DOM構文
object.style.font = "bold italic small-caps 250%/1.2 sans-serif";
例
これは、短縮フォントプロパティを使用した例です-
<html>
<head>
</head>
<body>
<p style = "font:italic small-caps bold 15px georgia;">
Applying all the properties on the text at once.
</p>
</body>
</html>
これにより、次の結果が生成されます–