Visualização do modelo de caixa
Com o botão de selecionar Elemento pressionado, se passar o rato por cima de um elemento na página, é mostrado o modelo de caixa para o elemento sobreposto na página:
Também é mostrado sobreposto se passar com o rato sobre uma marcação de elemento no painel de HTML:
Se o elemento está em linha e é dividido em várias caixas de linha, o marcador mostra a cada caixa de linha individual que formam o elemento:
A visualização do Modelo de Caixa
Quando é selecionado um elemento, pode obter uma visão detalhada do modelo na visualização do Modelo de Caixa:
Se passar o rato sobre um valor, verá uma dica de ferramenta a dizer qual é a regra que o valor provém de:
Se passar o rato sobre uma parte do modelo de caixa na visualização do Modelo de Caixa, a parte correspondente da página é realçada:
Edição do modelo de caixa
Também pode editar os valores na visualização do Modelo de Caixa, e ver os resultados imediatatamente na página: