CSS - sign()

• トップ
• CSSリファレンス
• sign()

概要

説明

sign(x) は x が正数の場合は 1 を、負数の場合は -1 を、0 の場合は 0 を、-0 の場合は -0 を返します。x には -123 のような数値や -123px のような単位付き数値を指定することができます。20% - 100px のような加減乗除の式を指定することもできます。

使用例

.my-style {
  z-index: calc(sign(-123));    /* -1 */
}

<div class="my-style">
  AAA
</div>

関連項目

• abs()

リンク

• https://drafts.csswg.org/css-values/#sign-funcs
• https://developer.mozilla.org/en-US/docs/Web/CSS/sign
• https://caniuse.com/mdn-css_types_sign