Skip to content

Commit

Permalink
2023/08/18 時点の英語版に基づき更新
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Nov 23, 2024
1 parent d493d8d commit afb3eb8
Showing 1 changed file with 40 additions and 16 deletions.
56 changes: 40 additions & 16 deletions files/ja/web/css/font-variant/index.md
Original file line number Diff line number Diff line change
@@ -1,25 +1,29 @@
---
title: font-variant
slug: Web/CSS/font-variant
l10n:
sourceCommit: 9172a95797019960c7baa9e0916f4e25efcf3f27
---

{{CSSRef}}

**`font-variant`** は CSS の[一括指定プロパティ](/ja/docs/Web/CSS/Shorthand_properties)で、フォントのすべての変化形を設定することができます。

CSS Level 2 (Revision 1) における `font-variant` の値 (つまり、 `normal``small-caps`) は、一括指定の {{cssxref("font")}} を用いて設定することもできます。
CSS Level 2 (Revision 1) で定義されたにおける `font-variant` `<font-variant-css2>` 値(つまり、 `normal``small-caps`は、一括指定の [`font`](/ja/docs/Web/CSS/font) を用いて設定することもできます。

{{EmbedInteractiveExample("pages/css/font-variant.html")}}

## 構成要素のプロパティ

このプロパティは以下の CSS プロパティの一括指定です。

- {{cssxref("font-variant-alternates")}}
- {{cssxref("font-variant-caps")}}
- {{cssxref("font-variant-east-asian")}}
- {{cssxref("font-variant-ligatures")}}
- {{cssxref("font-variant-numeric")}}
- [`font-variant-alternates`](/ja/docs/Web/CSS/font-variant-alternates)
- [`font-variant-caps`](/ja/docs/Web/CSS/font-variant-caps)
- [`font-variant-east-asian`](/ja/docs/Web/CSS/font-variant-east-asian)
- [`font-variant-emoji`](/ja/docs/Web/CSS/font-variant-emoji)
- [`font-variant-ligatures`](/ja/docs/Web/CSS/font-variant-ligatures)
- [`font-variant-numeric`](/ja/docs/Web/CSS/font-variant-numeric)
- [`font-variant-position`](/ja/docs/Web/CSS/font-variant-position)

## 構文

Expand All @@ -38,19 +42,39 @@ font-variant: unset;
### 値

- `normal`
- : 通常のフォントフェイスを定義します。それぞれの個別指定プロパティは通常の初期値になります。 `font-variant` の個別指定プロパティは、 {{cssxref("font-variant-caps")}}, {{cssxref("font-variant-numeric")}}, {{cssxref("font-variant-alternates")}}, {{cssxref("font-variant-ligatures")}}, {{cssxref("font-variant-east-asian")}} です。

- : 通常のフォントフェイスを定義します。それぞれの個別指定プロパティは `normal` の初期値になります。

- `none`
- : {{cssxref("font-variant-ligatures")}} を `none` に、その他の個別指定プロパティを `normal` に、それぞれの初期値を設定します。

- : [`font-variant-ligatures`](/ja/docs/Web/CSS/font-variant-ligatures) を `none` に、その他の個別指定プロパティを `normal` に、それぞれの初期値を設定します。

- `<common-lig-values>`, `<discretionary-lig-values>`, `<historical-lig-values>`, `<contextual-alt-values>`
- : 個別指定の {{cssxref("font-variant-ligatures")}} プロパティに関するキーワードを指定します。指定可能な値は、 `common-ligatures`, `no-common-ligatures`, `discretionary-ligatures`, `no-discretionary-ligatures`, `historical-ligatures`, `no-historical-ligatures`, `contextual`, `no-contextual` です。

- : 個別指定の [`font-variant-ligatures`](/ja/docs/Web/CSS/font-variant-ligatures) プロパティに関するキーワードを指定します。指定可能な値は、 `common-ligatures`, `no-common-ligatures`, `discretionary-ligatures`, `no-discretionary-ligatures`, `historical-ligatures`, `no-historical-ligatures`, `contextual`, `no-contextual` です。

- `stylistic()`, `historical-forms`, `styleset()`, `character-variant()`, `swash()`, `ornaments()`, `annotation()`
- : 個別指定の {{cssxref("font-variant-alternates")}} プロパティに関するキーワードや関数を指定します。

- : 個別指定の [`font-variant-ligatures`](/ja/docs/Web/CSS/font-variant-ligatures) プロパティに関するキーワードや特性を指定します。

- `small-caps`, `all-small-caps`, `petite-caps`, `all-petite-caps`, `unicase`, `titling-caps`
- : 個別指定の {{cssxref("font-variant-caps")}} プロパティに関するキーワードや関数を指定します。

- : 個別指定の [`font-variant-caps`](/ja/docs/Web/CSS/font-variant-caps) プロパティに関するキーワードや特性を指定します。 `small-caps` の値は、 {{cssxref("font")}} 一括指定プロパティ内で有効な唯一の `normal` 以外のフォントバリアントです。

- `<numeric-figure-values>`, `<numeric-spacing-values>`, `<numeric-fraction-values>`, `ordinal`, `slashed-zero`
- : 個別指定の {{cssxref("font-variant-numeric")}} プロパティに関するキーワードを指定します。指定可能な値は、 `lining-nums`, `oldstyle-nums`, `proportional-nums`, `tabular-nums`, `diagonal-fractions`, `stacked-fractions`, `ordinal`, `slashed-zero` です。

- : 個別指定の [`font-variant-numeric`](/ja/docs/Web/CSS/font-variant-numeric) プロパティに関するキーワードを指定します。指定可能な値は、 `lining-nums`, `oldstyle-nums`, `proportional-nums`, `tabular-nums`, `diagonal-fractions`, `stacked-fractions`, `ordinal`, `slashed-zero` です。

- `<east-asian-variant-values>`, `<east-asian-width-values>`, `ruby`
- : 個別指定の {{cssxref("font-variant-east-asian")}} プロパティに関するキーワードを指定します。指定可能な値は、 `jis78`, `jis83`, `jis90`, `jis04`, `simplified`, `traditional`, `full-width`, `proportional-width`, `ruby` です。

- : 個別指定の [`font-variant-east-asian`](/ja/docs/Web/CSS/font-variant-east-asian) プロパティに関するキーワードを指定します。指定可能な値は、 `jis78`, `jis83`, `jis90`, `jis04`, `simplified`, `traditional`, `full-width`, `proportional-width`, `ruby` です。

- `sub`, `super`

- : 個別指定の [`font-variant-position`](/ja/docs/Web/CSS/font-variant-position) プロパティに関するキーワードや特性を指定します。

- `text`, `emoji`, `unicode`
- : 個別指定の [`font-variant-emoji`](/ja/docs/Web/CSS/font-variant-emoji) プロパティに関するキーワードや特性を指定します。

## 公式定義

Expand Down Expand Up @@ -96,6 +120,6 @@ p.small {

## 関連情報

- {{cssxref("text-transform")}}
- {{cssxref("text-combine-upright")}}
- {{cssxref("text-orientation")}}
- [`text-transform`](/ja/docs/Web/CSS/text-transform)
- [`text-combine-upright`](/ja/docs/Web/CSS/text-combine-upright)
- [`text-orientation`](/ja/docs/Web/CSS/text-orientation)

0 comments on commit afb3eb8

Please sign in to comment.