Skip to content

Commit

Permalink
Web/CSS/font-variant-east-asian 他1件を更新 (#24629)
Browse files Browse the repository at this point in the history
2024/06/14 時点の英語版に基づき更新
  • Loading branch information
mfuji09 authored Nov 23, 2024
1 parent e2275da commit 0d859af
Show file tree
Hide file tree
Showing 2 changed files with 36 additions and 26 deletions.
27 changes: 16 additions & 11 deletions files/ja/web/css/font-variant-east-asian/index.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,17 @@
---
title: font-variant-east-asian
slug: Web/CSS/font-variant-east-asian
l10n:
sourceCommit: aac4966bd12c77281f9374bbfaf4e17e2680ac3b
---

{{CSSRef}}

CSS の **`font-variant-numeric`** プロパティは、日本語と中国語のような東アジアの字形の違いを制御するために使用します。
**`font-variant-east-asian`**[CSS](/ja/docs/Web/CSS) のプロパティで、日本語と中国語のような東アジアの字形の違いを制御するために使用します。

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

## 構文

```css
font-variant-east-asian: normal;
Expand All @@ -24,13 +30,10 @@ font-variant-east-asian: ruby full-width jis83;
font-variant-east-asian: inherit;
font-variant-east-asian: initial;
font-variant-east-asian: revert;
font-variant-east-asian: revert-layer;
font-variant-east-asian: unset;
```

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

## 構文

### 値

- `normal`
Expand Down Expand Up @@ -67,7 +70,7 @@ font-variant-east-asian: unset;

## 例

<h3 id="Setting_East_Asian_glyph_variants">東アジアの字形の変化形を設定</h3>
### 東アジアの字形の変化形を設定

この例は OS に「游ゴシック」フォントがインストールされていることが必要です。ほかのフォントでは OpenType 機能に対応していない可能性があります。

Expand Down Expand Up @@ -135,8 +138,10 @@ th {

## 関連情報

- {{cssxref("font-variant-alternates")}}
- {{cssxref("font-variant-caps")}}
- {{cssxref("font-variant")}}
- {{cssxref("font-variant-ligatures")}}
- {{cssxref("font-variant-numeric")}}
- [`font-variant`](/ja/docs/Web/CSS/font-variant)
- [`font-variant-alternates`](/ja/docs/Web/CSS/font-variant-alternates)
- [`font-variant-caps`](/ja/docs/Web/CSS/font-variant-caps)
- [`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)
35 changes: 20 additions & 15 deletions files/ja/web/css/font-variant-position/index.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,22 @@
---
title: font-variant-position
slug: Web/CSS/font-variant-position
l10n:
sourceCommit: aac4966bd12c77281f9374bbfaf4e17e2680ac3b
---

{{CSSRef}}

**`font-variant-position`** は CSS のプロパティで、上付き文字または下付き文字として配置された小さな代替文字の使用を制御します。
**`font-variant-position`**[CSS](/ja/docs/Web/CSS) のプロパティで、上付き文字または下付き文字として配置された小さな代替文字の使用を制御します。

文字は変更されないまま、フォントのベースラインから相対的に配置されます。これらの文字はふつう、 {{HTMLElement("sub")}} と {{HTMLElement("sup")}} 要素で使用されます。

これらの代替文字の使用が有効の場合、一連の中のある文字がそのような字体 - 強調字体を持っていない場合、一連の文字のセット全体が代替方法を使用して、合成によって描画されます。

これらの代替字体は、フォントの他の部分と同じ em ボックスと同じベースラインを共有します。それらは単にグラフィカルに強化されており、行の高さや他のボックスの特性には影響しません。

## 構文

```css
/* キーワード値 */
font-variant-position: normal;
Expand All @@ -19,15 +27,10 @@ font-variant-position: super;
font-variant-position: inherit;
font-variant-position: initial;
font-variant-position: revert;
font-variant-position: revert-layer;
font-variant-position: unset;
```

これらの代替文字の使用が有効の場合、一連の中のある文字がそのような字体 - 強調字体を持っていない場合、一連の文字のセット全体が代替方法を使用して、合成によって描画されます。

これらの代替字体は、フォントの他の部分と同じ em ボックスと同じベースラインを共有します。それらは単にグラフィカルに強化されており、行の高さや他のボックスの特性には影響しません。

## 構文

`font-variant-position` プロパティは、以下に列挙されたキーワード値のうちの一つで指定します。

### 値
Expand All @@ -49,19 +52,19 @@ font-variant-position: unset;

## 例

<h3 id="Setting_superscript_and_subscript_forms">上付きおよび下付き形の設定</h3>
### 上付きおよび下付き形の設定

#### HTML

```html
```html live-sample___setting_superscript_and_subscript_forms
<p class="normal">Normal!</p>
<p class="super">Super!</p>
<p class="sub">Sub!</p>
```

#### CSS

```css
```css live-sample___setting_superscript_and_subscript_forms
p {
display: inline;
}
Expand Down Expand Up @@ -93,8 +96,10 @@ p {

## 関連情報

- {{cssxref("font-variant-alternates")}}
- {{cssxref("font-variant-caps")}}
- {{cssxref("font-variant-east-asian")}}
- {{cssxref("font-variant-ligatures")}}
- {{cssxref("font-variant-numeric")}}
- [`font-variant`](/ja/docs/Web/CSS/font-variant)
- [`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)

0 comments on commit 0d859af

Please sign in to comment.