Die Formatierungsbox

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

screenshot: formatting box

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 Formatier­ungsbox jedes ausgewählten HTML-Elementes mittels eines halb­transparenten Rechtecks hervor­gehoben. Ist ein Rand (margin) vor­handen, so wird dieser kariert dargestellt. Der Innenabstand (padding) bekommt ein dunkleres Blau.

Weitere Details