color-adjustOminaisuus on kuvattu spec kuin ”säilöntä värejä eri-ominaisuus laitteita.” Tiedätkö kuinka siellä on puhelimia, tabletteja ja muita laitteita ilman verkkokalvon laadukkaita näyttöjä? No, tämä ominaisuus antaa selaimelle vihjeen tehdä päätöksiä siitä, miten värejä käsitellään kyseisen laadun perusteella.
Saatat ajatella jotain seuraavanlaista: "Odota, eikö punainen ole vain punainen?" Ja kyllä, se on totta. Mitä järkeä on optimoida tai säätää väriä, joka on totta riippumatta siitä, missä se näytetään?
Asia on, että selaimet jo tekevät yleensä nämä määritykset ja säätävät värejä itse, kuten tuottavat hieman erilaisen punaisen, jos käyttäjäagentti ei kykene renderöimään tiettyä hekssiä jonkin muun tekijän näytön laadun vuoksi. Omaisuus sanoo tehokkaasti selaimelle: "Hei, haluaisin sinun käyttävän tätä väriä, mutta on hienoa, jos et voi ja haluat soveltaa parasta vaihtoehtoasi tilanteeseen." Tai päinvastoin, se voi neuvoa selainta vastaamaan väriä täsmälleen millä hyvänsä.
Painetut tyylit
Mielenkiintoista on, että tekninen esimerkki käyttää verkkosivujen tulostamista koko määritelmässä color-adjust. Ei kuitenkaan ole todellisia asiakirjoja siitä, että ne on tarkoitettu tulostettaviksi. Se ei ole estänyt Chromea ja Safaria toteuttamasta etuliitettyä versiota nimeltä webkit-print-color-adjust, mikä on vahva osoitus siitä, että se on tarkoitettu tulostustarkoituksiin.
Miksi tällä on merkitystä? Tekniset tiedot kuvaavat käyttötapausta, jossa tyylipöydän seepra-raidan pitäminen painetulla sivulla voi auttaa luettavuutta:
Esimerkiksi kartoitettu verkkosivusto, joka tarjoaa painettuja ohjeita, saattaa "seepraida" ohjeiden vaiheet vuorotellen valkoisen ja vaaleanharmaan taustan välillä. Tämän seepra-raidan menettäminen ja puhtaan valkoisen taustan tekeminen tekisi ajo-ohjeista vaikeampaa lukea nopeasti yhdellä silmäyksellä, kun hajautetaan autossa.
color-adjuston asetettu economy.
Syntaksi
.my-element ( color-adjust: (economy | exact); )Arvot
economy(alkuarvo): Tämän arvon avulla selain voi säätää elementin väriä ja tyyliä missä se päättää tarvitsevansa, parantaaksesi luettavuutta, korvaamalla väri, jota laite ei pysty näyttämään, tai jotain muuta tekijää. Huomaa, että tämä on oletusarvo, ja vaikka ominaisuutta ei sovellettaisikaan, selaimet käyttäytyvät tällä tavalla.exact: Tämä arvo kehottaa selainta vastaamaan väriä hinnalla millä hyvänsä ilmoitetun tyylin säilyttämiseksi. Sitä käytetään kutsumaan tyylit, jotka ovat elementille "tärkeitä" tai "merkittäviä".
Huomaa, että oletusasetus economysiitä, kutsutaanko ominaisuutta vai ei, viittaa siihen, että se color-adjuston suunniteltu tarjoamaan selaimille signaali, joka osoittaa tyylit, jotka ovat riittävän tärkeitä säilyttämiseksi.
Erittelyn tila
color-adjustOmaisuus on määritelty CSS Väri moduulitason 4, joka on ensimmäinen julkinen luonnoksena tilan ennen tätä kirjoitettaessa. Tämä tarkoittaa, että W3C: n on vielä hyväksyttävä se ja se voidaan päivittää, muuttaa tai jopa pudottaa myöhemmissä versioissa. Sellaisena tämä ominaisuus ei ole valmis tuotantoon ja sitä pidetään kokeellisena.
Selaimen tuki
Nämä selaintukitiedot ovat Caniuselta, jolla on tarkempia tietoja. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa tai uudemmassa.
Työpöytä
| Kromi | Firefox | IE | Reuna | Safari |
|---|---|---|---|---|
| 19 * | 48 | Ei | 79 * | 6 * |
Matkapuhelin / tabletti
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14,0 - 14,4 |
Lisää tietoa
- CSS-värimoduulin taso 4 Ensimmäinen julkinen työluonnos
- Microsoft Edgen käyttötilastot
- MDN-dokumentaatio
- Värisäätöominaisuuden mahdollisuudet