Dengan Windows 10 Creators Update, Microsoft Edge akan hadir dengan dukungan untuk CSS Custom Properties
2 menit Baca
Ditampilkan di
Bagikan artikel ini
Sempurnakan panduan ini
Baca halaman pengungkapan kami untuk mengetahui bagaimana Anda dapat membantu MSPoweruser mempertahankan tim editorial Baca lebih lanjut
Dengan Pembaruan Windows 10 Creators mendatang yang akan dirilis bulan depan, Microsoft Edge akan mendukung CSS Custom Properties yang memungkinkan pengembang untuk sepenuhnya mengalirkan variabel di seluruh properti CSS.
Secara umum, aplikasi web dapat berisi cukup banyak CSS. Sebagian besar nilai dalam file CSS akan menjadi data duplikat; misalnya, sebuah situs dapat membuat skema warna dan menggunakan kembali tiga atau empat warna di seluruh situs. Mengubah data ini bisa jadi sulit dan rawan kesalahan, karena tersebar di seluruh file CSS (dan mungkin di beberapa file), dan mungkin tidak dapat menerima Cari-dan-Ganti. CSS Custom Properties memecahkan masalah ini menggunakan keluarga properti yang ditentukan penulis khusus yang dikenal secara kolektif sebagai properti kustom, yang memungkinkan pengembang untuk menetapkan nilai arbitrer ke properti dengan nama, dan fungsi var(), yang memungkinkan pengembang untuk kemudian menggunakan nilai tersebut di properti lain di tempat lain dalam dokumen. Lihat contoh di bawah ini,
:root { --utama: #0B61A4; --sekunder: #25567B; } header { latar belakang: var(--primer); border-bottom: 2px solid var(--secondary); }
CSS Custom Properties akan membuat pengeditan file CSS menjadi lebih mudah dan tidak rawan kesalahan, karena pengembang harus mengubah nilainya satu kali, di properti kustom, dan perubahan akan menyebar ke semua penggunaan variabel itu secara otomatis.
Jika Anda seorang pengembang, sekarang Anda dapat mencoba CSS Custom Properties di build Windows Insider Preview yang baru dirilis yang dimulai dengan EdgeHTML 15.15061. Lihat juga Demo Pooch Properti Kustom untuk melihat fitur ini beraksi.
