Die Formatierungsbox
Xylescope bietet ein flexibles System zur Anzeige der Formatierungsbox eines ausgewählten HTML-Elementes

Zu jedem HTML-Element im Quelltext gehört ein rechteckiger Bereich in der Webansicht - seine Formatierungsbox. Die Gesamtheit all dieser Bereiche bestimmt das Layout der fertigen Seite. Die genauen Abmessungen der Formatierungsbox eines HTML-Elementes können durch CSS-Stilregeln verändert werden.
Bei aktiviertem Auswahlmodus der Webansicht wird die Formatierungsbox jedes ausgewählten HTML-Elementes mittels eines halbtransparenten Rechtecks hervorgehoben. Ist ein Rand (margin) vorhanden, so wird dieser kariert dargestellt. Der Innenabstand (padding) bekommt ein dunkleres Blau.