Novo estilo e modificar caixas de diálogo do estilo, posição

O posição categoria da novo estilo e Modificar estilo caixa de diálogo permite que você defina regras de estilos em cascata do estilo CSS (folha) para a posição dos elementos de interface do usuário em uma 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 posição 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 posição.

   As seleções de estilo de posição 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 a posição 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 posição.

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

• 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

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

Opções de posição

• posição
  O algoritmo a ser usado para colocar um elemento em uma página da Web. Valores são os seguintes:

  • absoluto a posição do elemento é especificada usando o superior, direita, inferior, e esquerda propriedades. Essas propriedades são em relação ao bloco.

  • fixo a posição do elemento é especificada usando o superior, direita, inferior, e esquerda propriedades. Essas propriedades são em relação à janela do navegador. O elemento não rola com a página da Web.

  • relativa a posição do elemento é calculada de acordo com o fluxo normal e, em seguida, deslocamento, usando o superior, direita, inferior, e esquerda propriedades. O deslocamento é relativo à posição normal do elemento.

  • estático a posição do elemento é calculada de acordo com o fluxo normal. O superior, direita, inferior, e esquerda propriedades são ignoradas. Este é o padrão.

  • Herdar o elemento herda o seu algoritmo de posicionamento de um elemento pai.

• z-index.
  O nível da pilha de um elemento. Um elemento que tenha um nível mais alto da pilha aparece na frente de elementos que têm níveis inferiores da pilha.

• largura
  A largura de um elemento. Se você especificar um valor, você pode selecionar as unidades do valor na lista.

• altura
  A altura de um elemento. Se você especificar um valor, você pode selecionar as unidades do valor na lista.

• parte superior
  A borda superior de um elemento. Se o posição propriedade estiver definida como estático, essa propriedade é ignorada. Se você especificar um valor, você pode selecionar as unidades do valor na lista.

• direita
  A borda direita de um elemento. Se o posição propriedade estiver definida como estático, essa propriedade é ignorada. Se você especificar um valor, você pode selecionar as unidades do valor na lista.

• parte inferior
  A borda inferior de um elemento. Se o posição propriedade estiver definida como estático, essa propriedade é ignorada. Se você especificar um valor, você pode selecionar as unidades do valor na lista.

• esquerda
  A borda esquerda de um elemento. Se o posição propriedade estiver definida como estático, essa propriedade é ignorada. Se você especificar um valor, você pode selecionar as unidades do valor na lista.

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