From afb3eb86362ec06355db9fed75b940d4e8c5d9fd Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 20 Nov 2024 02:08:29 +0900 Subject: [PATCH] =?UTF-8?q?2023/08/18=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?= =?UTF-8?q?=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/font-variant/index.md | 56 ++++++++++++++++++-------- 1 file changed, 40 insertions(+), 16 deletions(-) diff --git a/files/ja/web/css/font-variant/index.md b/files/ja/web/css/font-variant/index.md index df5e6056a763ae..d4f8256a4d9885 100644 --- a/files/ja/web/css/font-variant/index.md +++ b/files/ja/web/css/font-variant/index.md @@ -1,13 +1,15 @@ --- 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` の `` 値（つまり、 `normal` や `small-caps`）は、一括指定の [`font`](/ja/docs/Web/CSS/font) を用いて設定することもできます。 {{EmbedInteractiveExample("pages/css/font-variant.html")}} @@ -15,11 +17,13 @@ CSS Level 2 (Revision 1) における `font-variant` の値 (つまり、 `norma このプロパティは以下の 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) ## 構文 @@ -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` に、それぞれの初期値を設定します。 + - ``, ``, ``, `` - - : 個別指定の {{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` 以外のフォントバリアントです。 + - ``, ``, ``, `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` です。 + - ``, ``, `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) プロパティに関するキーワードや特性を指定します。 ## 公式定義 @@ -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)