Editar uma regra CSS do painel Estilos CSS

Pesquisar

Última atualização em 13 de fev de 2023

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.

Você pode editar facilmente regras internas e externas que você aplicou a um documento.

Ao editar um folha de estilos CSS que controla o texto no documento, você reformatará instantaneamente todo o texto controlado por essa folha de estilos. As edições em uma folha de estilos externa afetam todos os documentos vinculados a ela.

Você pode definir um editor externo a ser usado para edição das folhas de estilos.

Edição de uma regra no painel Estilos CSS (modo Atual)

Abra o painel Estilos CSS selecionando Janela > Estilos CSS.
Clique no botão Atual na parte superior do painel Estilos CSS.
Selecione um elemento de texto na página atual para exibir suas propriedades.
Siga um destes procedimentos:
- Clique duas vezes em uma propriedade no painel Resumo para seleção a fim de exibir a caixa de diálogo Definição de regra CSS e faça suas alterações.
- Selecione uma propriedade no painel Resumo para seleção e edite a propriedade no painel Propriedades abaixo.
- Selecione uma regra no painel Regras e edite as propriedades da regra no painel Propriedades abaixo.
Observação:

Você pode alterar o comportamento de duplo clique para edição de CSS, bem como outros comportamentos, alterando as preferências do Dreamweaver.

Edição de uma regra no painel Estilos CSS (modo Tudo)

Abra o painel Estilos CSS selecionando Janela > Estilos CSS.
Clique no botão Tudo na parte superior do painel Estilos CSS.
Siga um destes procedimentos:
- Clique duas vezes em uma regra no painel Todas as regras a fim de exibir a caixa de diálogo Definição de regra CSS e faça suas alterações.
- Selecione uma regra no painel Todas as regras e edite as propriedades da regra no painel Propriedades abaixo.
- Selecione uma regra no painel Todas as regras e clique no botão Editar estilo no canto inferior direito do painel Estilos CSS.
Observação:

Você pode alterar o comportamento de duplo clique para edição de CSS, bem como outros comportamentos, alterando as preferências do Dreamweaver.