A color-adjusttulajdonság leírása szerint a „színek megőrzése a különböző képességű eszközökben”. Tudja, hogy vannak telefonok, táblagépek és egyéb eszközök retina minőségű képernyők nélkül? Nos, ez a tulajdonság egy tippet ad a böngészőnek, hogy az adott minőség alapján döntsön a színek kezeléséről.
Lehet, hogy valami ilyesmire gondol: "Várjon, a piros nem csak piros?" És igen, ez teljesen igaz. Mi értelme van egy szín optimalizálásának vagy beállításának, függetlenül attól, hogy hol jelenik meg?
A lényeg az, hogy a böngészők már hajlamosak önmagukban elvégezni ezeket a meghatározásokat és beállítani a színeket, például egy kissé eltérő vörös színt adnak ki, ha a felhasználói ügynök valamilyen más tényező képernyőminősége miatt képtelen egy adott hexalt megjeleníteni. A tulajdonképpen azt mondja a böngészőnek: "Hé, szeretném, ha ezt a színt használná, de nagyon jó, ha nem tudja és szeretné a legjobb alternatíváját alkalmazni a helyzethez." Vagy ellenkezőleg, utasíthatja a böngészőt, hogy minden áron pontosan egyezzen a színnel.
Nyomtatott stílusok
Érdekes módon a specifikáció a weboldal definíciójában a weboldalak nyomtatásának példáját használja color-adjust. Nincs azonban tényleges dokumentáció arról, hogy nyomtatásra szánnák. Ez nem akadályozta meg a Chrome-ot és a Safarit abban, hogy egy előtagú verziót nevezzenek el webkit-print-color-adjust, ami erősen jelzi, hogy nyomtatásra szánják.
Miért számít ez? A leírás egy olyan felhasználási esetet ismertet, amikor a stílusos asztal zebrasávjának fenntartása nyomtatott oldalon elősegítheti az olvashatóságot:
Például egy nyomtatott irányokat kínáló térképészeti webhely „zebra-csíkozhatja” az irányok lépéseit, felváltva a fehér és a világosszürke hátteret. Ha elveszítené ezt a zebracsíkot, és tiszta fehér háttérrel rendelkezne, gyorsabb pillantással nehezebb lenne elolvasni az utasításokat, amikor elterelik a figyelmét az autóban.
color-adjustaz értéke economy.
Szintaxis
.my-element ( color-adjust: (economy | exact); )Értékek
economy(kezdeti érték): Ez az érték lehetővé teszi a böngésző számára, hogy módosítsa az elem színét és stílusát, ahol úgy dönt, hogy szükséges, legyen az olvashatóság javítása, olyan szín cseréje, amelyet az eszköz nem képes megjeleníteni, vagy más tényező. Vegye figyelembe, hogy ez az alapértelmezett érték, és még akkor is, ha a tulajdonságot nem alkalmazzák, a böngészők így fognak viselkedni.exact: Ez az érték arra utasítja a böngészőt, hogy minden áron egyeztessen egy színt a deklarált stílus megőrzése érdekében. Olyan stílusok hívására szolgálna, amelyek „fontosak” vagy „jelentősek” az elem számára.
Ne feledje, hogy az alapértelmezett használat, economyhogy a tulajdonságot hívják-e vagy sem, azt sugallja, hogy color-adjustarra szolgál, hogy jelet adjon a böngészőknek, és olyan stílusokat jelezzen, amelyek megőrzése elég fontos.
Specifikáció állapota
A color-adjusttulajdonságot a CSS 4. színmodulja határozza meg, amely az első nyilvános munkavázlat állapotban van az írás idején. Ez azt jelenti, hogy a W3C még jóváhagyja, és későbbi verziókban frissíteni, megváltoztatni vagy akár el is dobni. Mint ilyen, ez a tulajdonság nem áll készen a gyártásra, és kísérleti jellegű.
Böngésző támogatás
Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.
Asztal
| Króm | Firefox | AZAZ | Él | Szafari |
|---|---|---|---|---|
| 19 * | 48 | Nem | 79 * | 6 * |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81. | 14,0–14,4 |
Több információ
- CSS 4. színes színmodul, első nyilvános munkadokumentum
- Microsoft Edge használati statisztikák
- MDN dokumentáció
- A színbeállítási tulajdonság lehetőségei