From 917858acd763bfb1f5d1e794c4f3bf45d00f3666 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 6 Nov 2021 01:12:30 +0900 Subject: CSS Fonts の各プロパティを更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/11/05 時点の英語版に同期 --- files/ja/web/css/font-variant-position/index.md | 113 ++++++++++++------------ 1 file changed, 56 insertions(+), 57 deletions(-) (limited to 'files/ja/web/css/font-variant-position/index.md') diff --git a/files/ja/web/css/font-variant-position/index.md b/files/ja/web/css/font-variant-position/index.md index 8e474c20c5..20a6320bcc 100644 --- a/files/ja/web/css/font-variant-position/index.md +++ b/files/ja/web/css/font-variant-position/index.md @@ -5,16 +5,17 @@ tags: - CSS - CSS フォント - CSS プロパティ - - Reference + - リファレンス translation_of: Web/CSS/font-variant-position --- -
{{CSSRef}}
+{{CSSRef}} -

CSS の font-variant-position プロパティは、上付き文字または下付き文字として配置された小さな代替文字の使用を制御します。

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

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

+文字は変更されないまま、フォントのベースラインから相対的に配置されます。これらの文字はふつう、 {{HTMLElement("sub")}} と {{HTMLElement("sup")}} 要素で使用されます。 -
/* キーワード値 */
+```css
+/* キーワード値 */
 font-variant-position: normal;
 font-variant-position: sub;
 font-variant-position: super;
@@ -22,46 +23,51 @@ font-variant-position: super;
 /* グローバル値 */
 font-variant-position: inherit;
 font-variant-position: initial;
+font-variant-position: revert;
 font-variant-position: unset;
-
+``` -

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

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

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

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

{{cssinfo}}

+## 構文 -

構文

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

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

+### 値 -

値

+- `normal` + - : 上付き文字および下付き文字の字体の代替を無効にします。 +- `sub` + - : 下付き文字の代替グリフを有効にします。特定の文字列で、そのような文字の1つが使用できない場合、文字列内のすべての文字が合成を使用して描画されます。 +- `super` + - : 上付き文字の代替グリフを有効にします。特定の文字列で、そのような文字の1つが使用できない場合、文字列内のすべての文字が合成を使用して描画されます。 -
-
normal
-
上付き文字および下付き文字の字体の代替を無効にします。
-
sub
-
下付き文字の代替グリフを有効にします。特定の文字列で、そのような文字の1つが使用できない場合、文字列内のすべての文字が合成を使用して描画されます。
-
super
-
上付き文字の代替グリフを有効にします。特定の文字列で、そのような文字の1つが使用できない場合、文字列内のすべての文字が合成を使用して描画されます。
-
+## 公式定義 -

形式文法

+{{cssinfo}} + +## 形式文法 {{csssyntax}} -

例

+## 例 + +

上付きおよび下付き形の設定

-

HTML

+#### HTML -
<p class="normal">Normal!</p>
-<p class="super">Super!</p>
-<p class="sub">Sub!</p>
-
+```html +

Normal!

+

Super!

+

Sub!

+``` -

CSS

+#### CSS -
p {
+```css
+p {
   display: inline;
 }
 
@@ -76,31 +82,24 @@ font-variant-position: unset;
 .sub {
   font-variant-position: sub;
 }
-
- -

結果

- -

{{ EmbedLiveSample('Examples') }}

- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS3 Fonts', '#propdef-font-variant-position', 'font-variant-position')}}{{Spec2('CSS3 Fonts')}}初回定義
- -

ブラウザーの対応

- -

{{Compat("css.properties.font-variant-position")}}

+``` + +#### 結果 + +{{ EmbedLiveSample('Setting_superscript_and_subscript_forms') }} + +## 仕様書 + +{{Specifications}} + +### ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{cssxref("font-variant-alternates")}} +- {{cssxref("font-variant-caps")}} +- {{cssxref("font-variant-east-asian")}} +- {{cssxref("font-variant-ligatures")}} +- {{cssxref("font-variant-numeric")}} -- cgit v1.2.3-54-g00ecf