From 0bf400b5d039bce9ffd155d443086d1c365f608c Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 6 Jan 2022 23:27:21 +0900 Subject: Web/CSS/CSS_Functions を変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/css_functions/index.html | 255 ------------------------------ files/ja/web/css/css_functions/index.md | 255 ++++++++++++++++++++++++++++++ 2 files changed, 255 insertions(+), 255 deletions(-) delete mode 100644 files/ja/web/css/css_functions/index.html create mode 100644 files/ja/web/css/css_functions/index.md diff --git a/files/ja/web/css/css_functions/index.html b/files/ja/web/css/css_functions/index.html deleted file mode 100644 index 6e50bcb257..0000000000 --- a/files/ja/web/css/css_functions/index.html +++ /dev/null @@ -1,255 +0,0 @@ ---- -title: CSS 関数表記法 -slug: Web/CSS/CSS_Functions -tags: - - CSS - - CSS Data Type - - CSS Function - - Functional Notation - - Functions - - Reference - - Types - - data types -translation_of: Web/CSS/CSS_Functions ---- -
{{CSSRef}}
- -

CSS 関数表記法は CSS 値の一種で、より複雑なデータ型を表現したり、特別なデータ処理や計算を呼び出したりすることができます。

- -

構文

- -
selector {
-  property: functional-notation( [argument]? [, argument]! );
-}
- -

構文は、関数表記の名前から始まり、左括弧 ( で始まります。次に記法の引数が続き、関数は閉じ括弧 ) で終わります。

- -

関数は CSS のプロパティ値と同様の形式で複数の引数を取ることができます。ホワイトスペースは許可されていますが、括弧内では省略可能です。関数表記によって、複数の引数がカンマで区切られていたり、空白を使用していたりします。

- -

索引

- -

一連の CSS 仕様書で定義されている関数表記は以下のとおりです。

- -
A - - -B - - -C - - -D - - -E - - -F - - -G - - -H - - -I - - -L - - -M - - -O - - -P - - -R - - -S - - -T - - -U - - -V - - -
- -

仕様書

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("CSS4 Values")}}{{Spec2("CSS4 Values")}}toggle(), attr(), calc(), min(), max(), clamp(), round(), mod(), rem(), mod(), sin(), cos(), tan(), asin(), acos(), atan(), atan2(), pow(), sqrt(), hypot(), log(), exp(), abs(), sign() の関数表記を追加。
{{SpecName("CSS3 Values")}}{{Spec2("CSS3 Values")}}calc() の関数表記を追加。
{{SpecName("CSS4 Colors")}}{{Spec2("CSS4 Colors")}}rgb(), rgba(), hsl(), hsla() の関数表記にカンマなしの構文を追加。
- rgb() と hsl() にアルファ値を許可し、 rgba() と hsla() をそれらの (非推奨の) 別名とした。
- hwb(), device-cmyk(), color() 関数を追加。
{{SpecName("CSS3 Colors")}}{{Spec2("CSS3 Colors")}}rgba(), hsl(), hsla() の関数表記を追加。
{{SpecName("CSS4 Images")}}{{Spec2("CSS4 Images")}}element(), image(), image-set(), conic-gradient() の関数表記を追加。
- -

関連情報

- - diff --git a/files/ja/web/css/css_functions/index.md b/files/ja/web/css/css_functions/index.md new file mode 100644 index 0000000000..6e50bcb257 --- /dev/null +++ b/files/ja/web/css/css_functions/index.md @@ -0,0 +1,255 @@ +--- +title: CSS 関数表記法 +slug: Web/CSS/CSS_Functions +tags: + - CSS + - CSS Data Type + - CSS Function + - Functional Notation + - Functions + - Reference + - Types + - data types +translation_of: Web/CSS/CSS_Functions +--- +
{{CSSRef}}
+ +

CSS 関数表記法は CSS 値の一種で、より複雑なデータ型を表現したり、特別なデータ処理や計算を呼び出したりすることができます。

+ +

構文

+ +
selector {
+  property: functional-notation( [argument]? [, argument]! );
+}
+ +

構文は、関数表記の名前から始まり、左括弧 ( で始まります。次に記法の引数が続き、関数は閉じ括弧 ) で終わります。

+ +

関数は CSS のプロパティ値と同様の形式で複数の引数を取ることができます。ホワイトスペースは許可されていますが、括弧内では省略可能です。関数表記によって、複数の引数がカンマで区切られていたり、空白を使用していたりします。

+ +

索引

+ +

一連の CSS 仕様書で定義されている関数表記は以下のとおりです。

+ +
A + + +B + + +C + + +D + + +E + + +F + + +G + + +H + + +I + + +L + + +M + + +O + + +P + + +R + + +S + + +T + + +U + + +V + + +
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("CSS4 Values")}}{{Spec2("CSS4 Values")}}toggle(), attr(), calc(), min(), max(), clamp(), round(), mod(), rem(), mod(), sin(), cos(), tan(), asin(), acos(), atan(), atan2(), pow(), sqrt(), hypot(), log(), exp(), abs(), sign() の関数表記を追加。
{{SpecName("CSS3 Values")}}{{Spec2("CSS3 Values")}}calc() の関数表記を追加。
{{SpecName("CSS4 Colors")}}{{Spec2("CSS4 Colors")}}rgb(), rgba(), hsl(), hsla() の関数表記にカンマなしの構文を追加。
+ rgb() と hsl() にアルファ値を許可し、 rgba() と hsla() をそれらの (非推奨の) 別名とした。
+ hwb(), device-cmyk(), color() 関数を追加。
{{SpecName("CSS3 Colors")}}{{Spec2("CSS3 Colors")}}rgba(), hsl(), hsla() の関数表記を追加。
{{SpecName("CSS4 Images")}}{{Spec2("CSS4 Images")}}element(), image(), image-set(), conic-gradient() の関数表記を追加。
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf