Fallback-værdier og var()

Funktionen var() accepterer et valgfrit andet argument som reserveværdi, der bruges, når den brugerdefinerede egenskab ikke er defineret.

Reserveværdien bruges, når:

• Egenskaben ikke er defineret i omfanget
• Egenskaben har værdien initial
• Egenskaben er deklareret med en værdi, der er ugyldig i den pågældende kontekst

Indlejr var()-kald for at kæde flere niveauer af reserveværdier sammen:

Reserveværdier kan være enhver gyldig værdi for egenskaben — herunder andre variabler, beregnede værdier eller bogstavelige værdier:

Hvis du angiver en brugerdefineret egenskab til initial, er det, som om den aldrig var blevet angivet. Sammen med en reserveværdi gør det muligt for komponenter at fravælge en nedarvet brugerdefineret egenskab.

At bruge initial som værdi for en brugerdefineret egenskab er en teknik til at garantere, at reserveværdien udløses. Det kan oprette valgfri funktionsflag i CSS.

Reglen @property (Houdini) registrerer en typeangivet brugerdefineret egenskab med en garanteret startværdi. Det er mere robust end at stole på reserveværdier.

Sørg for, at overgange fungerer, selv når en brugerdefineret egenskab ikke er angivet, ved at angive en sikker reserveværdi, der kan bruges som udgangspunkt for en overgang:

Hvis en brugerdefineret egenskab mangler, og der ikke er angivet en reserveværdi, beregnes egenskaben til sin startværdi (ofte nøgleordet initial). For farver kan det give uventede resultater som gennemsigtig eller sort. Tilføj altid reserveværdier til kritiske egenskaber.

Værdier for brugerdefinerede egenskaber kan selv referere til andre brugerdefinerede egenskaber og dermed oprette en kæde af værdier:

Reserveværdier har intet med specificitet at gøre — de anvendes kun, når den refererede brugerdefinerede egenskab er udefineret eller ugyldig. Specificiteten afgør, hvilken regel der angiver den brugerdefinerede egenskab, ikke hvilken reserveværdi der anvendes.

var(--name, fallback) angiver en reserveværdi, når den brugerdefinerede egenskab ikke er defineret. Reserveværdier kan indlejres på flere niveauer. Brug @property til typede brugerdefinerede egenskaber med garanterede startværdier. Angiv altid reserveværdier for kritiske visuelle egenskaber.