数値

Sassの数値型

階層

  • 数値

コンストラクタ

メソッド

コンストラクタ

  • new sass.types.Number(0.5); // == 0.5
    new sass.types.Number(10, "px"); // == 10px
    new sass.types.Number(10, "px*px"); // == 10px * 1px
    new sass.types.Number(10, "px/s"); // == math.div(10px, 1s)
    new sass.types.Number(10, "px*px/s*s"); // == 10px * math.div(math.div(1px, 1s), 1s)

    パラメータ

    • value: number

      数値の数値。

    • オプション unit: string

      渡された場合、数値の単位。

      複合単位は、<unit>*<unit>*.../<unit>*<unit>*... として表現できます。分子の単位は / の左側に、分母の単位は右側にあります。分子の単位のみを持つ数値は、/ とその後の単位を省略できます。分母の単位のみを持つ数値は、/ の前に単位を付けずに表現できます。

    戻り値 Number

メソッド

  • この数値の単位の文字列表現を返します。複合単位は、constructor が受け入れるのと同じ形式で返されます。

    // number is `10px`.
    number.getUnit(); // "px"

    // number is `math.div(10px, 1s)`.
    number.getUnit(); // "px/s"

    戻り値 string

  • 単位を無視して、数値の値を返します。

    ⚠️ 注意!

    これは、96px1in が同じ長さを表していても、異なる値を返すことを意味します。

    const number = new sass.types.Number(10, "px");
    number.getValue(); // 10

    戻り値 number

  • 数値に関係なく、この数値の単位を unit に設定することによって、この数値を破壊的に変更します。複合単位は、constructor と同じ形式で指定します。

    非推奨

    代わりに constructor を使用してください。

    パラメータ

    • unit: string

    戻り値 void

  • この数値を破壊的に変更し、その数値を `value` に設定します。単位とは無関係です。

    非推奨

    代わりに constructor を使用してください。

    パラメータ

    • value: number

    戻り値 void