Was sind die Highlight-Farben der Chrome-Entwickler-Tools?

35363
Synetech

In früheren Versionen von Chrome konnten Sie mit den Entwicklertools Seitenelemente prüfen und sie blau hervorheben. Neueste Versionen von Chrome markieren Elemente in Blau, haben aber auch grüne und orangefarbene Bereiche.

Was bedeuten die Farben?

enter image description here

47
Dafür bin ich hergekommen: blau # 9FC4E7 grün # C2DDB6 orange # F8CB9C fastmultiplication vor 6 Jahren 1

2 Antworten auf die Frage

45
Synetech

Die Farben repräsentieren die Bereiche der Elemente, die dem CSS-Boxmodell entsprechen .

  • Blau ist der Inhalt
  • Grün ist die Polsterung
  • Orange ist die Grenze
  • Rot ist der Rand

(Die Auswahl ähnlicher Orange- und Rottöne ist wahrscheinlich nicht die beste.)

Sie können dies im Abschnitt Metriken der Entwicklertools sehen (die standardmäßig ausgeblendet ist):

0
Nils von Barth

CSS-Modellparameter (Inhalt / Auffüllung / Rand / Rand).

Offizielle Dokumente: Seiten und Stile prüfen und bearbeiten : Überprüfen und Bearbeiten der Modellparameter des Felds

Verwandte Probleme