Sureguliuoti spalvą - CSS-gudrybės

Turinys

Ši color-adjustsavybė aprašoma kaip „spalvų išsaugojimas skirtingo pajėgumo įrenginiuose“. Žinote, kaip ten yra telefonų, planšetinių kompiuterių ir kitų įrenginių be tinklainės kokybės ekranų? Na, ši savybė suteikia naršyklei užuominą priimti sprendimus, kaip elgtis su spalvomis, atsižvelgiant į tą kokybę.

Galbūt galvojate ką nors panašaus: „Palauk, ar raudona nėra tik raudona?“ Taip, tai yra tiesa. Kokia prasmė optimizuoti ar koreguoti tikrąją spalvą, kad ir kur ji būtų rodoma?

Esmė ta, kad naršyklės jau linkusios savarankiškai atlikti šiuos nustatymus ir koreguoti spalvas, pavyzdžiui, išleisti šiek tiek kitokią raudoną spalvą, jei vartotojo agentas negali pateikti konkretaus šešiakampio dėl kokio nors kito veiksnio ekrano kokybės. Nuosavybėje naršyklei sakoma: „Ei, norėčiau, kad naudojatumėte šią spalvą, bet šaunu, jei negalite ir norite pritaikyti geriausią savo situaciją.“ Arba, atvirkščiai, ji gali nurodyti naršyklei tiksliai ir tiksliai suderinti spalvą bet kokia kaina.

Spausdinti stiliai

Įdomu tai, kad specifikacijoje visame apibrėžime naudojamas tinklalapių spausdinimo pavyzdys color-adjust. Tačiau nėra faktinių dokumentų, kad jie skirti spausdinti. Tai nesutrukdė „Chrome“ ir „Safari“ įdiegti prefiksų pavadinimą webkit-print-color-adjust, o tai akivaizdžiai rodo, kad jis skirtas spausdinti.

Kodėl tai svarbu? Specifikacijoje aprašomas naudojimo atvejis, kai išlaikant stilizuotos lentelės brūkšnį ant išspausdinto puslapio būtų lengviau įskaityti:

Pvz., Žemėlapių svetainė, kurioje siūlomos spausdintos nuorodos, gali „nuraminti juostas“ nurodytais žingsniais, pakaitomis tarp baltos ir šviesiai pilkos fonų. Praradus šį zebro ruožą ir turint grynai baltą foną, sunkiau būtų greitai perskaityti nuorodas, kai blaškosi automobilyje.

Skirtumas tarp deklaruotų ir spausdintų stilių, kai color-adjustnustatytas į economy.

Sintaksė

.my-element ( color-adjust: (economy | exact); )

Vertybės

  • economy(pradinė vertė): ši vertė leidžia naršyklei koreguoti elemento spalvą ir stilių ten, kur ji nusprendžia, kad pagerintų įskaitomumą, pakeistų spalvą, kurios įrenginys negali rodyti, ar kitą veiksnį. Atminkite, kad tai yra numatytoji reikšmė ir, net jei ypatybė netaikoma, naršyklės elgsis taip.
  • exact: Ši vertė nurodo naršyklei bet kokia kaina suderinti spalvą, kad būtų išsaugotas deklaruotas stilius. Jis būtų naudojamas norint iškviesti stilius, kurie yra „svarbūs“ arba „reikšmingi“ elementui.

Atminkite, kad numatytasis naudojimas, economykai ypatybė vadinama, ar ne, rodo, kad color-adjusttai yra skirtas suteikti naršyklėms signalą, nurodantį stilius, kurie yra pakankamai svarbūs išsaugoti.

Specifikacijos būsena

color-adjustTurtas yra apibrėžtas CSS Spalva modulis lygio 4, kuris yra pirmojo viešojo darbo statuso projekto šio rašymo metu. Tai reiškia, kad jis dar turi būti patvirtintas W3C ir gali būti atnaujintas, pakeistas ar net atmestas vėliau. Ši savybė nėra pritaikyta gamybai ir laikoma eksperimentine.

Naršyklės palaikymas

Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.

Darbalaukis

„Chrome“ „Firefox“ T.Y Briauna „Safari“
19 * 48 Ne 79 * 6 *

Mobilusis / planšetinis kompiuteris

„Android Chrome“ „Android Firefox“ „Android“ „iOS Safari“
88 85 81 14,0–14,4

Daugiau informacijos

  • CSS spalvų modulio 4 lygio pirmasis viešasis darbo projektas
  • „Microsoft Edge“ naudojimo statistika
  • MDN dokumentacija
  • Spalvų koregavimo ypatybės galimybės

Įdomios straipsniai...