Modificar um estilo

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

Quando você deseja editar as propriedades de um estilo em uma CSS (folha de estilos em cascata) externa, embutida ou interna, comece com o painel de tarefas Propriedades de CSS ou o painel de tarefas Aplicar Estilos. O painel de tarefas Aplicar Estilos permite que você edite qualquer estilo contido nas folhas de estilos da página da Web atual, inclusive os estilos que a página da Web não utiliza. O painel de tarefas Propriedades de CSS permite que você edite somente os estilos que a página da Web atual utiliza, aqueles que você pode selecionar no Modo de Exibição de Código, ou qualquer estilo em um arquivo .css externo aberto.

Observação : Se você deseja renomear um estilo baseado em classe e atualizar simultaneamente todas as referências a esse estilo, use o comando Renomear classe nos painéis de tarefas Aplicar Estilos, Gerenciar Estilos ou Propriedades de CSS. Se você renomear um estilo baseado em classe usando em vez disso a caixa de diálogo Modificar Estilo, as referências a esse estilo não serão atualizadas para você. Seja qual for o método utilizado para renomear estilos baseados em identificação ou alterar o tipo de seletor de qualquer tipo de estilo, as referências a esse estilo não serão atualizadas; você deverá atualizá-las sozinho.

O que deseja fazer?

Renomear um estilo baseado em classe

Modificar um estilo usando o painel de tarefas Propriedades de CSS

Modificar um estilo usando a caixa de diálogo Modificar estilo

Renomear um estilo baseado em classe

  1. Abra uma página da Web que contenha a CSS que possui o estilo baseado em classe que você deseja modificar.

  2. Siga um destes procedimentos:

    • No painel de tarefas Aplicar Estilos, aponte para o estilo baseado em classe, clique na seta para baixo e, em seguida, clique em Renomear classe.

    • No painel de tarefas Gerenciar Estilos ou no painel de tarefas Propriedades de CSS, clique com o botão direito do mouse no estilo baseado em classe e, em seguida, clique em Renomear classe.

  3. Na caixa de diálogo Renomear Classe, na caixa Novo Nome, insira um novo nome para a classe. Não é necessário digitar um ponto (.) antes do novo nome de classe.

  4. Para atualizar o nome da classe em todas as referências à classe existentes, clique em Renomear referências de classe em arquivos que usam esta folha de estilos.

  5. Clique em OK.

Início da página

Modificar um estilo usando o painel de tarefas Propriedades de CSS

  1. Abra uma página da Web que use o estilo que você deseja modificar.

  2. No painel de tarefas Propriedades de CSS, se o estilo que você deseja modificar não aparecer na lista Regras Aplicadas, coloque o cursor no conteúdo ou selecione o conteúdo que usa o estilo que você deseja modificar.

  3. Na lista Regras Aplicadas, clique no nome do estilo que você deseja modificar.

  4. Na seção Propriedades de CSS do painel de tarefas Propriedades de CSS, defina as propriedades desejadas.

Início da página

Modificar um estilo usando a caixa de diálogo Modificar estilo

  1. Abra qualquer página da Web que contenha a CSS que possui o estilo que você deseja modificar.

  2. Siga um destes procedimentos:

    • Para modificar um estilo baseado em classe, em elemento ou em identificação, aponte para o estilo no painel de tarefas Aplicar Estilos, clique na seta para baixo e, em seguida, clique em Modificar Estilo.

    • Para modificar um estilo embutido, coloque o cursor no conteúdo ou selecione o conteúdo que usa o estilo, aponte para o estilo no painel de tarefas Aplicar Estilos, clique na seta para baixo e, em seguida, clique em Modificar Estilo.

    • Na lista Regras Aplicadas no painel de tarefas Propriedades de CSS, clique com o botão direito do mouse no estilo e, em seguida, clique em Modificar Estilo. Se o estilo que você deseja modificar não aparecer na lista Regras Aplicadas no painel de tarefas, coloque o cursor no conteúdo ou selecione o conteúdo que usa o estilo que você deseja modificar.

  3. Para alterar o nome do estilo e o tipo de seletor, na caixa Seletor da caixa de diálogo Modificar Estilo, siga um destes procedimentos:

    Observação : Nomes de classe e de seletor de identificação não podem conter espaços a menos que você esteja criando um seletor complexo.

    • Para usar um seletor de elemento, clique no nome de um elemento na caixa suspensaSeletor.

    • Para usar um seletor de identificação, digite um sinal de número (#) seguido por um nome exclusivo.

    • Para usar um seletor embutido, clique em estilo embutido no menu da caixa Seletor.

    • Para usar um seletor de classe, digite um ponto (.) seguido por um nome exclusivo.

      Observação : Para renomear um estilo existente baseados em classe e atualizar automaticamente todas as referências existentes a esse estilo, use o procedimento na seção anterior, Renomear um estilo baseado em classe.

  4. Na caixa Categoria, clique em uma das opções seguintes e defina as propriedades que você deseja formatar:

    • Fonte define as propriedades de fonte, incluindo tamanho, peso, decoração e cor.

    • Bloco define a altura da linha, o alinhamento do texto, o recuo do texto e o espaçamento do texto.

    • Plano de fundo define a cor do plano de fundo e as propriedades de imagem do plano de fundo.

    • Borda define uma borda e suas propriedades.

    • Caixa define as propriedades de preenchimento e de margem da caixa e dos elementos de nível do bloco.

    • Posição define as dimensões e a posição da caixa e dos elementos de nível do bloco.

    • Layout define a visibilidade, a flutuação e o comportamento da quebra de texto, o recorte e as outras propriedades de layout da caixa e dos elementos de nível do bloco.

    • Lista define as propriedades dos elementos de lista, incluindo tipo, posição e imagem.

    • Tabela define as propriedades de elementos relacionados à tabela, incluindo espaçamento, layout, propriedades da borda.

  5. Clique em OK.

Início da página

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×