Apa warna highlight alat pengembang Chrome?

Di versi Chrome yang lalu, alat pengembang memungkinkan Anda memeriksa elemen halaman dan akan menyorotinya dengan warna biru. Versi terbaru dari Chrome menyoroti elemen berwarna biru, tetapi juga memiliki area hijau dan oranye.

Apa arti warna?

Warna mewakili bidang elemen yang sesuai dengan model kotak CSS .

• Biru adalah isinya
• Hijau adalah padding
• Oranye adalah perbatasannya
• Merah adalah margin

(Pilihan warna oranye dan merah yang serupa mungkin bukan yang terbaik.)

Anda dapat melihat ini di bagian Metrik alat pengembang (yang disembunyikan secara default):

Parameter model kotak CSS (konten / padding / batas / margin).

Dokumen resmi: Periksa dan Edit Halaman dan Gaya: Periksa dan edit parameter model kotak