sign()
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die sign()
CSS-Funktion enthält eine Berechnung und gibt -1
zurück, wenn der numerische Wert des Arguments negativ ist, +1
wenn der numerische Wert des Arguments positiv ist, 0⁺
wenn der numerische Wert des Arguments 0⁺ ist, und 0⁻
wenn der numerische Wert des Arguments 0⁻ ist.
Hinweis: Während abs()
den absoluten Wert des Arguments zurückgibt, liefert sign()
das Vorzeichen des Arguments.
Syntax
/* property: sign( expression ) */
top: sign(20vh - 100px);
Parameter
Die Funktion sign(x)
akzeptiert nur einen Wert als Parameter.
x
-
Eine Berechnung, die sich zu einer Zahl auflöst.
Rückgabewert
Eine Zahl, die das Vorzeichen von A
repräsentiert:
- Wenn
x
positiv ist, wird1
zurückgegeben. - Wenn
x
negativ ist, wird-1
zurückgegeben. - Wenn
x
positive Null ist, wird0
zurückgegeben. - Wenn
x
negative Null ist, wird-0
zurückgegeben. - Andernfalls wird
NaN
zurückgegeben.
Formale Syntax
Beispiele
Hintergrundbildposition
Zum Beispiel werden in background-position
positive Prozentsätze zu einer negativen Länge und umgekehrt aufgelöst, wenn das Hintergrundbild größer als der Hintergrundbereich ist. Daher könnte sign(10%)
1
oder -1
zurückgeben, je nachdem, wie der Prozentsatz aufgelöst wird! (Oder sogar 0
, wenn es gegen eine null Länge aufgelöst wird.)
div {
background-position: sign(10%);
}
Richtung der Position
Ein weiterer Anwendungsfall ist die Steuerung der position
des Elements. Entweder ein positiver oder ein negativer Wert.
div {
position: absolute;
top: calc(100px * sign(var(--value)));
}
Spezifikationen
Specification |
---|
CSS Values and Units Module Level 4 # sign-funcs |
Browser-Kompatibilität
BCD tables only load in the browser