The color-adjustharta digambarkan oleh spec sebagai "warna memelihara dalam peranti berlainan-keupayaan." Anda tahu bagaimana terdapat telefon, tablet dan peranti lain di luar sana tanpa skrin berkualiti retina? Nah, harta ini memberikan petunjuk kepada penyemak imbas untuk membuat keputusan mengenai cara menangani warna berdasarkan kualiti tersebut.
Anda mungkin memikirkan sesuatu seperti, "Tunggu, bukankah merah hanya merah?" Dan, ya, itu benar. Apa gunanya mengoptimumkan atau menyesuaikan warna yang benar tidak kira di mana ia dipaparkan?
Maksudnya ialah penyemak imbas sudah cenderung membuat penentuan ini dan menyesuaikan warna sendiri, seperti mengeluarkan warna merah yang sedikit berbeza jika ejen pengguna tidak mampu menghasilkan hex tertentu kerana kualiti layar dari beberapa faktor lain. Properti itu dengan berkesan mengatakan kepada penyemak imbas, "Hei, saya ingin anda menggunakan warna ini, tetapi ada baiknya jika anda tidak dapat dan mahu menggunakan alternatif terbaik untuk situasi ini." Atau, sebaliknya, ia dapat memberi petunjuk kepada penyemak imbas untuk memadankan warna dengan tepat pada semua kos.
Gaya bercetak
Cukup menarik, spesifikasi menggunakan contoh mencetak halaman web sepanjang definisi color-adjust. Namun, tidak ada dokumentasi sebenarnya yang dimaksudkan untuk dicetak. Itu tidak menghentikan Chrome dan Safari untuk melaksanakan versi awalan bernama webkit-print-color-adjust, yang merupakan petunjuk kuat bahawa ia bertujuan untuk tujuan pencetakan.
Mengapa perkara ini berlaku? Spesifikasi menerangkan kes penggunaan di mana mengekalkan jalur zebra dari meja bergaya pada halaman yang dicetak dapat membantu keterbacaan:
Sebagai contoh, laman web pemetaan yang menawarkan arahan yang dicetak mungkin "zebra-stripe" langkah-langkah ke arah, bergantian antara latar belakang putih dan kelabu muda. Kehilangan garis-garis zebra ini dan mempunyai latar belakang putih murni akan menjadikan arahan lebih sukar dibaca dengan pandangan sekilas ketika terganggu di dalam kereta.
color-adjustditetapkan economy.
Sintaks
.my-element ( color-adjust: (economy | exact); )Nilai
economy(nilai awal): Nilai ini membolehkan penyemak imbas membuat penyesuaian terhadap warna dan gaya elemen di mana ia memutuskan ia perlu, sama ada untuk meningkatkan keterbacaan, mengganti warna yang tidak dapat ditunjukkan oleh peranti, atau faktor lain. Perhatikan bahawa ini adalah nilai lalai dan, walaupun harta itu tidak diterapkan, ini adalah bagaimana perilaku penyemak imbas.exact: Nilai ini memerintahkan penyemak imbas untuk mencocokkan warna dengan segala cara demi menjaga gaya yang dinyatakan. Ini akan digunakan untuk memanggil gaya yang "penting" atau "penting" pada elemen.
Perhatikan bahawa penggunaan lalai economysama ada harta itu dipanggil atau tidak menunjukkan bahawa color-adjustdirancang untuk memberi isyarat kepada penyemak imbas yang menunjukkan gaya yang cukup penting untuk dijaga.
Status Spesifikasi
The color-adjustharta ditakrifkan dalam CSS Modul Warna Level 4, yang berada dalam status draf kerja awam pertama pada masa penulisan ini. Ini bermaksud ia masih belum disahkan oleh W3C dan dapat dikemas kini, diubah atau bahkan diturunkan dalam revisi kemudian. Oleh itu, harta tanah ini tidak siap untuk pengeluaran dan dianggap eksperimental.
Sokongan Penyemak Imbas
Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.
Desktop
| Chrome | Firefox | IE | Hujung | Safari |
|---|---|---|---|---|
| 19 * | 48 | Tidak | 79 * | 6 * |
Mudah Alih / Tablet
| Android Chrome | Android Firefox | Android | Safari iOS |
|---|---|---|---|
| 88 | 85 | 81 | 14.0-14.4 |
Maklumat lanjut
- Modul Warna CSS Tahap 4 Draf Kerja Awam Pertama
- Statistik penggunaan Microsoft Edge
- Dokumentasi MDN
- Kemungkinan Properti menyesuaikan warna