Apa warna highlight alat pengembang Chrome?

54

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?

masukkan deskripsi gambar di sini

Synetech
sumber
1
Inilah yang saya datang ke sini untuk: biru # 9FC4E7 hijau # C2DDB6 oranye # F8CB9C
fastmultiplication

Jawaban:

54

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):

masukkan deskripsi gambar di sini

Synetech
sumber