From 35918176145e2f9de541ac623706cd3ced71612d Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 21 Nov 2021 17:30:52 +0900 Subject: CSS Values and Units の文書を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/11/19 時点の英語版に同期 --- files/ja/web/css/number/index.md | 96 ++++++++++++++-------------------------- 1 file changed, 33 insertions(+), 63 deletions(-) (limited to 'files/ja/web/css/number') diff --git a/files/ja/web/css/number/index.md b/files/ja/web/css/number/index.md index cef3982e3b..2e94d16912 100644 --- a/files/ja/web/css/number/index.md +++ b/files/ja/web/css/number/index.md @@ -4,87 +4,57 @@ slug: Web/CSS/number tags: - CSS - CSS データ型 - - Number - - Reference - - ウェブ + - データ型 - レイアウト - - 数値 + - リファレンス + - ウェブ +browser-compat: css.types.number translation_of: Web/CSS/number --- -
{{CSSRef}}
+{{CSSRef}} -

CSS の <number> データ型は、整数または小数部分のある数値を表します。

+[CSS](/ja/docs/Web/CSS) の **``** [データ型](/ja/docs/Web/CSS/CSS_Types)は、整数または小数部分のある数値を表します。 -

構文

+## 構文 -

<number> の構文は {{CSSxRef("<integer>")}} 構文を拡張したものです。小数は . と続く1桁以上の10進数で表し、整数部に追加することができます。数値に関連付けられた単位はありません。

+`` の構文は {{CSSxRef("<integer>")}} 構文を拡張したものです。小数は `.` と続く1桁以上の10進数で表し、整数部に追加することができます。数値に関連付けられた単位はありません。 -

補間

+## 補間 -

<number> データ型の値はアニメーション用に補間可能です。実数、浮動小数点数として補間されます。補間の速度は、アニメーションに関連付けられた timing function で決められます。

+`` データ型の値はアニメーション用に補間可能です。実数、浮動小数点数として補間されます。補間の速度は、アニメーションに関連付けられた[タイミング関数](/ja/docs/Web/CSS/easing-function)で決められます。 -

例

+## 例 -

有効な数値

+### 有効な数値 -
12          生の <integer> は <number> でもある
+```css example-good
+12          生の <integer> は <number> でもある
 4.01        正の実数
 -456.8      負の実数
 0.0         ゼロ
 +0.0        + に続くゼロ
 -0.0        - に続くゼロ
 .60         前のゼロがない小数値
-10e3        Scientific notation
--3.4e-2     Complicated scientific notation
-
+10e3 指数表記 +-3.4e-2 複雑な指数表記 +``` -

無効な数値

+### 無効な数値 -
12.         小数点の後ろには数字が続かなくてはなりません
+```css example-bad
+12.         小数点の後ろには数字が続かなくてはなりません
 +-12.2      前に置ける +/- は 1 つだけです
 12.1.1      小数点は1つしか置けません
-
- -

仕様書

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("CSS4 Values", "#numbers", "<number>")}}{{Spec2("CSS4 Values")}}重要な変更なし
{{SpecName("CSS3 Values", "#numbers", "<number>")}}{{Spec2("CSS3 Values")}}重要な変更なし
{{SpecName("CSS2.1", "syndata.html#numbers", "<number>")}}{{Spec2("CSS2.1")}}明示的な定義
{{SpecName("CSS1", "", "<number>")}}{{Spec2("CSS1")}}暗黙的な定義
- -

ブラウザーの互換性

- -

{{Compat("css.types.number")}}

- -

関連情報

- -
    -
  • {{CSSxRef("<integer>")}}
    • -
+``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{CSSxRef("<integer>")}} -- cgit v1.2.3-54-g00ecf