Novo estilo e modificar caixas de diálogo do estilo, caixa

O caixa de categoria da novo estilo e Modificar estilo caixas de diálogo permite que você defina regras de estilos em cascata do estilo CSS (folha) para uma caixa contendo um elemento de página da Web. Você pode aplicar essas regras de estilo diretamente aos elementos HTML ou adicioná-los para a página atual ou a uma folha de estilos externa.

Para definir uma regra de estilo CSS caixa para elementos de interface do usuário na página atual

1. Abra a página em um Design modo de exibição ou origem modo de exibição.

2. Opcionalmente, selecione o texto ou elementos HTML para aplicar o estilo.

3. No formato menu, clique em novo estilo.

   O novo estilo caixa de diálogo é exibida.

4. No categoria painel, selecione caixa de.

   As seleções de estilo de caixa são exibidas no painel à direita.

Quando você aplica estilos ao texto selecionado no Design o modo de exibição, os atributos de estilo são embutida na marcação HTML da página. Alterne para o origem o modo de exibição para analisar os novos atributos de estilo.

Para adicionar caixa de atributos para uma CSS estilo regra definida em uma folha de estilos externa

1. Abra uma folha de estilos externa existente.

2. Coloque o cursor dentro das chaves do que a regra de estilo a ser modificado.

3. Siga um destes procedimentos.

   • A folha de estilos no editor de atalho e, em seguida, no menu de atalho, escolha Build Style.

   • Na barra de ferramentas da folha de estilo, escolha Build Style.

   O Modificar estilo caixa de diálogo é exibida.

4. No painel esquerdo, clique em caixa de.

   As seleções de estilo de caixa são exibidos no painel à direita.

Você pode aplicar uma classe de estilo CSS a um elemento na página da Web ou para o body elemento em si, definindo o elemento class propriedade para o nome do seletor de classe.

• Como: Usar a Janela de Propriedades da CSS

• Passa a Passo: Criando e Modificando Arquivos CSS

• Passo a passo: Trabalhando com um arquivo CSS existente

• Passo a passo: Edição em Visual Studio para formulários da Web que páginas de HTML básico

• How to: Change Padding and Margins in Design View

As seguintes tabelas que estão disponíveis em Opções da lista de caixa categoria na novo estilo e Modificar estilo caixas de diálogo.

Opções da caixa

• enchimento
  O preenchimento de um elemento. O enchimento define a quantidade de espaço em branco dentro da borda do elemento, se houver. Você pode definir o preenchimento de cada lado (parte superior, direita, inferior ou à esquerda) independentemente. Se você especificar um valor para qualquer lado, você pode selecionar as unidades na lista. Para tornar o enchimento igual para todos os lados, especifique um valor em superior e, em seguida, selecione o iguais para todos os caixa de seleção.

• margem
  As margens ao redor de um elemento. Uma margem define a quantidade de espaço em branco fora da borda do elemento, se houver. Você pode definir a margem de cada lado (parte superior, direita, inferior ou à esquerda) independentemente. Se você especificar um valor para qualquer margem, você pode selecionar as unidades na lista. Para fazer o mesmo para todos os lados as margens, especifique um valor em superior e, em seguida, selecione o iguais para todos os caixa de seleção.

• Referência de modelo de caixa CSS
  Exibe o significado da terminologia de caixa CSS, como, por exemplo, margem, borda, enchimento e superior.

Outros elementos de interface do usuário

• Seletor
  (Novo estilo caixa de diálogo somente) Permite que você digite um nome de classe ou clique em um elemento HTML para aplicar o estilo. Nomes de classe devem começar com um ponto (.). Você também pode selecionar (estilo embutido), que faz com que o estilo a ser in-line aplicado ao texto selecionado ou elementos HTML.

• Definir em
  (Novo estilo caixa de diálogo somente) Permite que você especifique onde a definição de regra de estilo de escrever. Valores são os seguintes:

  • Página atual a regra de estilo é gravada em um style elemento na página atual.

  • Folha de estilo novo uma nova folha de estilo CSS é adicionada ao projeto e a regra é escrita nele.

  • Folha de estilos existente a regra de estilo é adicionada a folha de estilo CSS que você especifica usando o URL lista.

• URL
  (Novo estilo caixa de diálogo somente) Permite que você selecione uma folha de estilo CSS existente. Essa opção é ativada somente quando definir em for definido como folha de estilos existente.

• Aplicar o novo estilo à seleção de documento
  (Novo estilo caixa de diálogo somente) Especifica que o estilo será aplicado ao texto selecionado, classe ou elemento HTML.

• Preview
  Exibe um exemplo de como a regra de estilo será exibido quando ele é aplicado.

• Descrição
  Mostra a definição de CSS da regra de estilo.

Consulte também

Conceitos

Trabalhando com CSS: Uma visão geral