Sassの数値関数| 説明

SassはCSSを前処理し、そのすべてのバージョンと互換性があるため、基本言語の機能が強化されています。 ユーザーが冗長なCSS値を使用できないようにすることで、時間と労力を節約することで有名です。 ミックスイン、変数、ネスト、継承、関数などの使用をサポートすることで、ユーザーを支援します。この投稿では、Sassのさまざまな数値関数について説明します。

Sassの数値関数

Sassの数値関数は、文字列文字の操作に使用されるSassの文字列関数と同じように数値を処理するために使用されます。

Sassには、以下で説明する複数の数値関数があります。

1. abs（number）関数

この関数は、数値の絶対値をフェッチするために使用されます。

例

出力

2. ceil（number）関数

数値を最も近い整数に切り上げるために、ceil（number）関数が使用されます。

例

出力

3.フロア（数値）関数

この関数は、数値を最も近い整数に切り捨てるために使用されます。

例

出力

4. max（number）関数

番号のリストで最大の番号をフェッチするには、このメソッドが使用されます。

例

出力

5. min（number）関数

番号のリストで最小の番号をフェッチするには、このメソッドが使用されます。

例

出力

6.パーセンテージ（数値）関数

この関数は、数値をパーセンテージに変換するために使用されます。

例

出力

7. random（）関数

0から1までの乱数をフェッチするために、random（）関数が使用されます。

例

出力

8.乱数（数値）関数

この関数は、0から指定された数までの乱数を提供します。

例

出力

9. round（number）関数

この関数は、数値をその特定の数値に最も近い整数に丸めます。

例

出力

もう一つの例。

例

出力

結論

Sassの数値関数は、文字列文字の操作に使用されるSassの文字列関数と同じように数値を処理するために使用されます。 Sassには、abs（number）、round（number）、random（）などの複数の文字列関数があります。これらはそれぞれ、関連する例とともにこの記事で説明したさまざまな目的を果たします。