Painel Propriedades da CSS (HTML)

Artigo
06/05/2015

O painel Propriedades de CSS é o local em que você pode exibir e modificar as propriedades de CSS de um elemento HTML selecionado no artboard ou no painel DOM ativo.

Se você modificar um elemento HTML diretamente no artboard, as alterações de propriedade serão refletidas no painel Propriedades de CSS.

O inverso também é verdadeiro: se você dimensionar um objeto usando um editor de valor na categoria Dimensionamento no painel Propriedades de CSS, o objeto será dimensionado no artboard.

O Painel propriedades de CSS

Painel de propriedades de CSS

Propriedades de CSS Uma lista expansível e recolhível de propriedades de CSS que podem ser classificadas por categoria ou nome. Clique em Expandir 6375953d-074c-421a-bbb3-6f5055b67b64 ou Recolher para alternar entre os modos de exibição.

	Regras Aplicadas Exibe todas as regras de CSS que se aplicam ao elemento HTML selecionado, incluindo folhas de estilo embutidas, no documento e externas. A regra Propriedades Predominantes é uma regra virtual que exibe o CSS em vigor para o elemento HTML selecionado.
	Exibir propriedades definidas somente Marque essa caixa para exibir apenas as propriedades de CSS definidas para a regra de CSS selecionada.
	Propriedades de categoria Exibe todas as propriedades associadas à categoria expandida.
	Editor de cor Use para selecionar uma cor diretamente do seletor de cor, ajustando valores de RGBA individuais ou especificando valores hexa na ordem ARGB.

Editores de valor

O painel Propriedades de CSS inclui um editor de número para inserção de valores, como graus, pixels e percentuais. Por exemplo, as caixas de texto do espaço de cor RGBA na imagem anterior são editores de número.

Você pode ajustar o valor no editor do número das seguintes maneiras:

Clique em um valor numérico existente e digite o valor exato desejado.
Use o controle deslizante para alterar valores movendo o ponteiro sobre a caixa de texto da propriedade e arrastando quando o ponteiro de ajuste numérico aparece.
Clique na caixa de texto da propriedade e use as teclas de direção Para Cima e Para Baixo para ajustar o valor.

Propriedades avançadas

A maioria das categorias de propriedade no painel Propriedades de CSS tem uma seção expansível que pode ser aberta clicando-se em Mostrar propriedades avançadas Advanced ícone Propriedades | Blend na parte inferior da categoria. As propriedades avançadas são as propriedades usadas com menos frequência.