Com o documento aberto na janela Documento, clique no botão Inspecionar (ao lado do botão Visualização ativa na barra de ferramentas do documento)
Última atualização em
13 de fev de 2023
Use o modo Inspect com a visualização dinâmica no Dreamweaver para identificar rapidamente elementos HTML e seus estilos CSS associados.
Observação:
no Dreamweaver CC e posterior, o painel CSS Styles foi substituído pelo CSS Designer. Para obter mais informações, consulte CSS Designer.
O modo de inspeção funciona junto com a visualização ativa para ajudá-lo a identificar rapidamente os elementos HTML e seus estilos CSS associados. Com o modo Inspeção acionado, você pode passar com o mouse sobre elementos da página para ver os atributos do modelo da caixa CSS para qualquer elemento de nível de bloqueio.
Observação:
Para obter mais informações sobre o modelo de caixa de CSS, consulte a especificação CSS 2.1.
Além de ver uma representação visual do modelo de caixa no modo Inspeção, você também pode usar o painel Estilos CSS, conforme passar o mouse sobre os elementos na janela Documento. Quando você tem o painel Estilos CSS aberto no modo Atual e passa com o mouse sobre um elemento da página, as regras e as propriedades do painel Estilos CSS são atualizadas automaticamente para mostrar as regras e propriedades desse elemento. Além disso, qualquer visualização ou painel relacionado ao elemento sobre o qual você passa o mouse é atualizado também (por exemplo, a Visualização de código, o Seletor de tags, o Inspetor de propriedades etc.).
-
Observação:
Se ainda não estiver na visualização Ativa, o modo Inspeção a ativará automaticamente.
-
Passe o mouse sobre elementos da página para ver o modelo de caixa de CSS. O modo Inspeção destaca diferentes cores para a borda, a margem, o preenchimento e o conteúdo.
-
(Opcional) Pressione a seta para a esquerda no teclado do computador para destacar o pai do elemento atualmente destacado. Pressione a seta para a direita para retornar o destaque para o elemento filho.
-
(Opcional) Clique em um elemento para bloquear uma seção destacada.
Observação:Clicar em um elemento para bloquear uma seleção destacada desativa o modo Inspeção.