Como: Usar a janela Propriedades CSS
A janela de Propriedades da CSS permite que você exiba e modifique as propriedades de estilo de folha de estilo em cascata (CSS) de um elemento.Você pode usar a janela de Propriedades da CSS com um página da Web aberta, um arquivo CSS externo, ou com a janela Gerenciar Estilos para analisar e alterar as propriedades dos estilos existentes.
Em um página da Web, a janela de Propriedades da CSS permite que você consulte todos os estilos que são usados pelo elemento selecionado no momento.Você também pode ver a ordem de precedência desses estilos e todos as propriedades e valores desses estilos.Você pode usar a janela de Propriedades da CSS de modos de exibição Source e Design.
.gif "Observação") Observação: |
|---|
Na janela de Propriedades da CSS, você pode clicar com o botão direito do mouse em Regras Aplicadas para exibir um menu de atalho que contém opções adicionais para trabalhar com estilos para esse seletor. |
Uma visão geral da janela de Propriedades da CSS
A janela Propriedades da CSS tem quatro seções principais, conforme mostrado na ilustração a seguir:
.png)
As seções são as seguintes:
Botões de classificação Você pode usar os botões na parte superior da janela para classificar a lista de propriedades.Você pode classificar a lista em ordem alfabética, por categoria e pelas propriedades que são definidas.
Botão Resumo Você pode clicar no botão Resumo para listar as propriedades de todos os estilos que afetam o elemento selecionado.Essa lista inclui propriedades que podem não aparecer na seção Regras Aplicadas.
Regras Aplicadas Lista todos os estilos que afetam o elemento na página.Os estilos que estão abaixo na lista têm precedência sobre os estilos que estão nas posições mais altas na lista.Se você selecionar um estilo a partir dessa lista, suas propriedades estarão listadas na seção Propriedades da CSS.
Propriedades da CSS Use ePropriedades da CSSxibir ou definir propriedades da CSS para o estilo que está selecionada em Regras aplicadas.Uma linha vermelha através das propriedades indica que essas propriedades não são herdadas pela seleção atual ou são substituídas por outro estilo.
Criar um novo estilo usando a janela Propriedades CSS
Você pode usar a janela Propriedades da CSS para criar um novo estilo de um elemento que você seleciona em modo Design, Source ou Split.Você pode criar um estilo in-line ou exibir a caixa de diálogo Novo Estilo para criar um estilo na página ou em uma folha de estilos CSS.
A seção Regras Aplicadas indica quais regras de estilo são aplicadas ao elemento.Ele também indica se essas regras são in-line, em um folha de estilos, ou na página atual.O procedimento a seguir explica como criar um novo estilo para um elemento.Se nenhum estilo estiver aplicado ainda, a seção Estilos Aplicados mostrará não há regras aplicadas.
Criar um novo estilo usando a janela Propriedades da CSS
No designer, selecione o elemento ao qual você deseja adicionar uma regra de estilo.
Em modo de exibiçã0Source, selecione o elemento e incluia tanto marcas de abertura e de fechamento.No modo de exibição Design, selecione o elemento para que a marca pop-up mostra o nome do elemento.
Para criar um estilo in-line, nas Propriedades da CSS, clique com o botão direito do mouse em qualquer lugar na seção Regras Aplicadas e clique em Novo estilo in-line
Para criar um novo estilo para a página, nas Propriedades da CSS, clique com o botão direito do mouse em qualquer lugar na seção Regras Aplicadas e clique em Novo estilo
Na lista Regras Aplicadas, selecione um elemento, um elemento ID ou um elemento da classe CSS.
Na seção Propriedades da CSS, defina as propriedades de estilo.
Modificar um estilo usando a janela Propriedades CCS
Você pode usar a janela Propriedades da CSS para alterar a formatação ou estilos de um único elemento ou de todos os elementos que compartilham uma classe CSS.
Para modificar as propriedades de um estilo
Na lista Regras Aplicadas da janela Propriedades da CSS, selecione um elemento, um estilo in-line, um elemento identificação, ou um elemento Classe CSS.
Na seção Propriedades da CSS seção, altere as propriedades.
Determinando quais estilos são aplicados a um elemento
A janela Propriedades da CSS permite que você consulte todos os estilos que são aplicados a um elemento.Você também pode ver quais propriedades de estilo são substituídas.Propriedades de estilo substituídas são mostradas com uma linha vermelha através delas, que indica que a propriedade não é aplicada ao elemento selecionado no momento.
Por exemplo, um elemento pode ter uma regra de estilo in-line e uma regra de estilo de uma folha de estilos aplicado a ele.Nesse caso, a regra de estilo in-line substitui a regra folha de estilos.
Para visualizar um resumo de todas as propriedades aplicadas a uma seleção
Selecione um elemento na página e em seguida, clique em Resumo para alternar para modo de resumo.
Na seção Propriedades CSS, todas as propriedades que são aplicadas ao elemento selecionado são mostradas.
Clique em uma propriedade em Propriedades CSS para estruturar a regra de estilo associado em Regras Aplicadas.
Clique no botão Resumo novamente para sair do modo de resumo.
Observação:Se você mantiver o ponteiro do mouse sobre uma propriedade crossed-out, uma dica de ferramenta para uma propriedade que tenha sido substituída identifica a propriedade que o substitui.