Examinar e editar o modelo de caixa

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:

Etiquetas do documento e contribuidores

Etiquetas: 
 Contribuidores para esta página: mansil
 Última atualização por: mansil,