<time-percentage>

Der <time-percentage> CSS Datentyp repräsentiert einen Wert, der entweder eine <time> oder ein <percentage> sein kann.

Syntax

Verweisen Sie auf die Dokumentation für <time> und <percentage>, um Details zu den einzelnen, von diesem Typ erlaubten Syntaxen zu erhalten.

Formale Syntax

<time-percentage> = 
  <time>        |
  <percentage>

Beispiele

Verwendung in calc()

Wenn ein <time-percentage> als zulässiger Typ angegeben wird, bedeutet dies, dass der Prozentsatz in eine Zeit aufgelöst wird und daher in einem calc()-Ausdruck verwendet werden kann.

Gültige Prozentsätze

50%
+50%        Optional plus sign
-50%        Negative percentages are not valid for all properties that accept percentages

Ungültige Prozentsätze

50 %        Space not allowed between the number and the percentage sign

Gültige Zeiten

12s         Positive integer
-456ms      Negative integer
4.3ms       Non-integer
14mS        The unit is case-insensitive, although capital letters are not recommended.
+0s         Zero with a leading + and a unit
-0ms        Zero with a leading - and a unit

Ungültige Zeiten

0           Although unitless zero is allowed for <length>s, it's invalid for <time>s.
12.0        This is a <number>, not a <time>, because it's missing a unit.
7 ms        No space is allowed between the number and the unit.

Spezifikationen

Specification
CSS Values and Units Module Level 4
# typedef-time-percentage

Siehe auch