O CSS Inspector é uma poderosa ferramenta de desenvolvedor que permite visualizar todas as propriedades CSS de qualquer elemento apenas passando o mouse sobre ele. Clique para travar os estilos, edite-os diretamente e veja as alterações aplicadas instantaneamente na página.
Esteja você corrigindo problemas de layout ou estudando um site que você ama, o CSS Inspector fornece tudo o que você precisa em um painel flutuante limpo. Inspecione facilmente sem abrir o DevTools do navegador.
Veja fontes, tamanhos, cores, espaçamento e muito mais instantaneamente ao passar o mouse sobre qualquer elemento.
Clique no elemento para bloquear o painel para que ele não desapareça, permitindo uma inspeção detalhada.
Clique duas vezes nos valores para alterá-los diretamente. Suas edições são refletidas instantaneamente na página.
Copie propriedades individuais ou todo o bloco de estilo de design para sua área de transferência com um clique.
Veja visualmente os valores de margem, borda e preenchimento.
Exibe a largura, altura e posição do elemento na página.
O CSS Inspector mostra mais de 40 propriedades:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorInspecione elementos desalinhados com precisão.
Estude os estilos dos seus sites favoritos.
Teste alterações antes de escrever o código.
Mostre alterações ao vivo durante as reuniões.
Obtenha facilmente o código CSS para novos elementos.
Clique no ícone do CSS Inspector na barra de ferramentas do DevSuite Pro.
Mova o cursor sobre qualquer elemento para ver as propriedades.
Clique no elemento para fixar o painel.
Clique duas vezes nos valores para ajustá-los.
Copie o código atualizado e use-o em seu projeto.
Instale o DevSuite Pro gratuitamente e desbloqueie mais de 39 ferramentas de desenvolvedor para seu navegador.