Den color-adjustegenskap er beskrevet i spesifikasjonen som “konserverings farger på forskjellige-kapasitets-enheter”. Vet du hvordan det er telefoner, nettbrett og andre enheter der ute uten skjermer av netthinnen? Vel, denne egenskapen gir nettleseren et hint om å ta avgjørelser om hvordan man skal håndtere farger basert på den kvaliteten.
Du tenker kanskje på noe i retning av: "Vent, er ikke rød bare rød?" Og ja, det er helt sant. Hva er poenget med å optimalisere eller justere en farge som er sant uansett hvor den vises?
Poenget er at nettlesere allerede har en tendens til å gjøre disse bestemmelsene og justere farger på egenhånd, som å matte ut en litt annen rød hvis brukeragenten ikke er i stand til å gjengi en spesifikk hex på grunn av skjermkvaliteten til en annen faktor. Eiendommen sier effektivt til nettleseren: "Hei, jeg vil gjerne at du bruker denne fargen, men det er kult hvis du ikke kan og vil bruke det beste alternativet for situasjonen." Eller omvendt kan den instruere nettleseren om å nøyaktig matche fargen til enhver pris.
Trykte stiler
Interessant nok bruker spesifikasjonen eksemplet på å skrive ut nettsider gjennom definisjonen av color-adjust. Imidlertid er det ingen faktisk dokumentasjon for at den er ment for utskrift. Det har ikke hindret Chrome og Safari i å implementere en prefiksversjon med navnet webkit-print-color-adjust, noe som er en sterk indikasjon på at den er ment for utskriftsformål.
Hvorfor betyr dette noe? Spesifikasjonen beskriver et brukstilfelle der opprettholdelse av sebrastriping av et stylet bord på en utskrevet side kan hjelpe lesbarheten:
For eksempel kan et kartnettsted som tilbyr trykte veibeskrivelser, "zebrastripe" trinnene i retningen, vekslende mellom hvit og lys grå bakgrunn. Å miste denne sebrastripingen og ha en ren hvit bakgrunn ville gjøre veibeskrivelsen vanskeligere å lese med et raskt blikk når det ble distrahert i en bil.
color-adjuster satt til economy.
Syntaks
.my-element ( color-adjust: (economy | exact); )Verdier
economy(startverdi): Denne verdien gjør at nettleseren kan gjøre justeringer på fargen og utformingen av et element der den bestemmer at den må, enten det er for å forbedre lesbarheten, erstatte en farge en enhet ikke kan vise, eller en annen faktor. Merk at dette er standardverdien, og selv om eiendommen ikke brukes, vil nettlesere oppføre seg.exact: Denne verdien instruerer nettleseren til å tilpasse en farge for enhver pris for å bevare den deklarerte stylingen. Det vil bli brukt til å kalle ut stiler som er “viktige” eller “betydningsfulle” for elementet.
Merk at standardbruken av economyom eiendommen kalles eller ikke antyder at den color-adjuster designet for å gi et signal til nettlesere som indikerer stiler som er viktige nok til å bevare.
Spesifikasjonsstatus
Den color-adjustEiendommen er definert i CSS Color Modul Nivå 4, som er i første offentlige arbeidsutkast status på tidspunktet for dette skriftlig. Dette betyr at det ennå ikke er godkjent av W3C og kan oppdateres, endres eller til og med droppes i senere revisjoner. Som sådan er denne eiendommen ikke produksjonsklar og regnes som eksperimentell.
Nettleserstøtte
Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.
Desktop
| Chrome | Firefox | DVS | Kant | Safari |
|---|---|---|---|---|
| 19 * | 48 | Nei | 79 * | 6 * |
Mobil / nettbrett
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14.0-14.4 |
Mer informasjon
- CSS Fargemodul Nivå 4 Første offentlige arbeidsutkast
- Microsoft Edge bruksstatistikk
- MDN-dokumentasjon
- Mulighetene for den fargejusterende eiendommen