color-adjustVlastnosť je popísaná spec ako "Zachovanie farby v zariadeniach rôzne schopností." Viete, ako sú na tom telefóny, tablety a ďalšie zariadenia bez obrazoviek v kvalite sietnice? Táto vlastnosť poskytuje prehliadaču nápovedu pri rozhodovaní o tom, ako zaobchádzať s farbami na základe tejto kvality.
Možno si myslíte, že niečo v zmysle: „Počkajte, nie je červená iba červená?“ A áno, je to úplne pravda. Aký zmysel má optimalizácia alebo úprava farby, ktorá je pravdivá, bez ohľadu na to, kde sa zobrazuje?
Jedná sa o to, že prehliadače už majú tendenciu robiť tieto rozhodnutia a upravovať farby sami, napríklad vydávať mierne odlišnú červenú farbu, ak používateľský agent nie je schopný vykresliť konkrétny hex kvôli kvalite obrazovky niektorého iného faktora. Toto ubytovacie zariadenie v skutočnosti hovorí prehliadaču: „Hele, bol by som rád, keby ste použili túto farbu, ale je super, ak nemôžete a chcete použiť svoju najlepšiu alternatívu pre danú situáciu.“ Alebo naopak, môže nariadiť prehliadaču, aby za každú cenu presne zodpovedal farbe.
Vytlačené štýly
Je zaujímavé, že špecifikácia používa príklad tlače webových stránok v celej definícii color-adjust. Neexistuje však žiadna skutočná dokumentácia, ktorá je určená na tlač. To prehliadačom Chrome a Safari nezabránilo implementovať predponovanú verziu s názvom webkit-print-color-adjust, čo je silným znamením, že je určená na tlačové účely.
Prečo na tom záleží? Špecifikácia popisuje prípad použitia, keď by udržanie zebrového prúžkovania štylizovanej tabuľky na vytlačenej stránke mohlo pomôcť čitateľnosti:
Napríklad webová mapa s mapami, ktorá ponúka tlačené pokyny, môže kroky v smeroch „zebrovo“ pruhovať a striedať biele a svetlošedé pozadie. Strata tohto pruhu zebier a čisto biele pozadie by pri rozptýlení v aute spôsobila, že pri krátkom pohľade bude smerovanie ťažšie čitateľné.
color-adjustje nastavený na economy.
Syntax
.my-element ( color-adjust: (economy | exact); )Hodnoty
economy(počiatočná hodnota): Táto hodnota umožňuje prehliadaču vykonať úpravy farby a štylistiky prvku tam, kde sa rozhodne, že to potrebuje, či už ide o zlepšenie čitateľnosti, nahradenie farby, ktorú zariadenie nedokáže zobraziť, alebo iný faktor. Upozorňujeme, že toto je predvolená hodnota a takto sa budú správať aj prehliadače, aj keď sa vlastnosť nepoužije.exact: Táto hodnota dá prehliadaču pokyn, aby za každú cenu priradil farbu, aby sa zachoval deklarovaný štýl. Používa sa na vyvolanie štýlov, ktoré sú pre prvok „dôležité“ alebo „významné“.
Upozorňujeme, že predvolené použitie toho, economyči sa vlastnosť volá alebo nie, naznačuje, že color-adjustje navrhnuté tak, aby poskytovalo signál prehliadačom označujúcim štýly, ktoré sú dostatočne dôležité na zachovanie.
Stav špecifikácie
Táto color-adjustvlastnosť je definovaná v CSS Color Module úrovne 4, ktorá je v čase písania tohto dokumentu v stave prvého verejného pracovného konceptu. To znamená, že ho ešte musí schváliť W3C a v neskorších revíziách by mohol byť aktualizovaný, zmenený alebo dokonca zrušený. Táto vlastnosť nie je pripravená na výrobu a považuje sa za experimentálnu.
Podpora prehľadávača
Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.
Desktop
| Chrome | Firefox | IE | Hrana | Safari |
|---|---|---|---|---|
| 19 * | 48 | Nie | 79 * | 6 * |
Mobil / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14.0-14.4 |
Viac informácií
- Farebný modul CSS úrovne 4, prvý verejný pracovný koncept
- Štatistiky používania aplikácie Microsoft Edge
- Dokumentácia MDN
- Možnosti vlastnosti upravenej farby