Reservvärden och var()

Funktionen var() accepterar ett valfritt andra argument som reservvärde, vilket används när den anpassade egenskapen inte är definierad.

Reservvärdet används när:

• egenskapen inte är definierad i omfånget
• egenskapen har värdet initial
• egenskapen deklarerades med ett ogiltigt värde i sitt sammanhang

Nästla var()-anrop för att skapa flera nivåer av reservvärden:

Reservvärden kan vara vilket giltigt värde som helst för egenskapen – inklusive andra variabler, beräknade värden eller literaler:

Om du anger initial för en anpassad egenskap blir resultatet detsamma som om den aldrig hade angetts. Tillsammans med reservvärden gör detta att komponenter kan välja bort en ärvd anpassad egenskap.

Att använda initial som värde för en anpassad egenskap är en teknik för att garantera att reservvärdet aktiveras. Det kan skapa valfria funktionsflaggor i CSS.

Regeln @property (Houdini) registrerar en typad anpassad egenskap med ett garanterat initialvärde. Det är robustare än att förlita sig på reservvärden.

Säkerställ att övergångar fungerar även när en anpassad egenskap inte har angetts genom att tillhandahålla ett säkert reservvärde som övergången kan utgå från:

Om en anpassad egenskap saknas och inget reservvärde har angetts beräknas egenskapen till sitt initialvärde (ofta nyckelordet initial). För färger kan detta ge oväntade resultat i form av genomskinlighet eller svart färg. Lägg alltid till reservvärden för kritiska egenskaper.

Värden för anpassade egenskaper kan själva referera till andra anpassade egenskaper och på så sätt skapa en kedja av tokens:

Reservvärden har inget med specificitet att göra – de används endast när den refererade anpassade egenskapen är odefinierad eller ogiltig. Specificiteten avgör vilken regel som anger den anpassade egenskapen, inte vilket reservvärde som används.

var(--name, fallback) tillhandahåller ett reservvärde när den anpassade egenskapen inte är definierad. Reservvärden kan nästlas för flera nivåer. Använd @property för typade anpassade egenskaper med garanterade initialvärden. Ange alltid reservvärden för kritiska visuella egenskaper.