it-swarm.com.de

Was sind die Chrome-Entwickler-Tools, die Farben hervorheben?

In früheren Chrome-Versionen konnten Sie mit den Entwicklertools Seitenelemente überprüfen und sie blau hervorheben. Aktuelle Versionen von Chrome heben Elemente in Blau hervor, haben aber auch grüne und orangefarbene Bereiche.

Was bedeuten die Farben?

enter image description here

50
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 Wahl ähnlicher Orange- und Rottöne ist wahrscheinlich nicht die beste.)

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

enter image description here

52
Synetech

CSS-Box-Modellparameter (Inhalt/Abstand/Rahmen/Rand).

Offizielle Dokumente: Untersuchen und Bearbeiten von Seiten und Stilen: Untersuchen und Bearbeiten von Boxmodellparametern

0
Nils von Barth