Posição, a caixa de diálogo estilo construtor

Artigo
08/25/2010

The Posição página de do Construtor de estilocaixa de diálogo torna possível para que você defina a folha de estilos em cascata (CSS) atributos de posicionamento.Você pode aplicar esses atributos diretamente aos elementos HTML ou adicioná-los a regras de estilo CSS.

Para aplicar atributos de posicionamento diretamente aos elementos HTML em sua página

em aberto seu HTML documento no modo de exibição de Design do HTML Designer e selecionar o elemento para formatar.
clicar Estilo on the Formato menu para em em aberto o Construtor de estilo caixa de diálogo.
clicar Posição no painel esquerdo do Construtor de estilo caixa de diálogo.

The Posição, estilo construtorcaixa de diálogo aparece no painel direito.

Quando aplicar estilos de elementos selecionados no modo de modo de exibição de Design, os atributos de estilo CSS são inserido embutido em marcação HTML para esses elementos.Alterne para o modo de exibição HTML para examinar os novos atributos de estilo inseridos.

Para adicionar atributos de posicionamento para uma regra de estilo CSS definida na folha de estilos externo

Abra uma folha de estilos externo existente e coloque o ponto de inserção entre chaves curvas ({}) que seguem o seletor para a regra de estilo desejado.
clicar Criar estilo on the Estilos menu para em em aberto o Construtor de estilo caixa de diálogo.
clicar Posição no painel esquerdo do Construtor de estilo caixa de diálogo.

The Posição, estilo construtorcaixa de diálogo aparece no painel direito.

Observação:
O Estilos menu aparece quando você abre uma folha de estilos CSS externa para edição.Sobre o Estilos menu, the Criar estilo opção fica disponível quando você coloca o ponto de inserção dentro de chaves que seguem o seletor para uma regra de estilo.

Uma classe de estilo CSS definida em uma folha de estilos externas pode ser aplicada a um elemento dentro de <BODY> elemento de uma página da Web atribuindo o seletor de estilo CSS sistema autônomo o CLASS propriedade do elemento.

Opções disponível na Posição página de do Construtor de estilocaixa de diálogo incluem o seguinte.

Tarefas

Elementos da Interface do Usuário

Modo de posição

Define o modo que determina quais campos subseqüentes de posicionamento se tornam disponível.selecionar uma das seguintes opções na lista suspensa.

Não conjunto >
Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.
Posição no fluxo normal
Faz a alterar não que é possível especificar a posição do elemento; altura e a largura.If you escolher Posição no fluxo normal, a seguinte marcação CSS será inserida:

POSITION:static

Observação:

A área de visualização adjacente a Modo de posição seletor é atualizado para refletir as seleções de modo.
Deslocamento a partir do fluxo normal
Permite especificar as posições superior e esquerdas para um elemento em relação à sua posição no fluxo normal; altura e largura podem ser especificadas.Fluxo normal de um elemento é sua posição antes do estilo será aplicado.If you escolher Deslocamento a partir do fluxo normal, a seguinte marcação CSS será inserida:

POSITION:relative
Posição absoluta
Torna possível para você especificar a posição superior absoluta, posição esquerda absoluta, Z-índice, altura e largura de um elemento.Normalmente, é absolutamente posicionar elementos que você deseja que a ancorar para uma posição específica.Por exemplo, você pode posicionar um logotipo absolutamente forma que é (não se mover ao adicionar e edição outros elementos.If you escolher Posição absoluta, a seguinte marcação CSS será inserida:

POSITION:absolute

Observação:
A área de visualização adjacente a Modo de posição seletor é atualizado para refletir as seleções de modo.

Se você selecionar um modo de posição, as seguintes opções estarão disponível.

Início
Define a posição superior de um elemento, sistema autônomo um valor absoluto ou sistema autônomo um valor em relação à sua posição no fluxo normal.Insira um valor e escolher uma opção de unidade (px, pt, PC, mm, cm, em, em, ex, ou %).A opção de unidade padrão é px.Por exemplo, se digitar 5 e, em seguida, aceite a opção de unidade padrão, a seguinte marcação CSS será inserida:

TOP:5px

Observação:

Esta opção estará disponível quando você seleciona Deslocamento a partir do fluxo normal de from a Modo de posição lista.
À esquerda
Define a posição esquerda de um elemento, sistema autônomo um valor absoluto ou sistema autônomo um valor em relação à sua posição no fluxo normal.Insira um valor e escolher uma opção de unidade (px, pt, PC, mm, cm, em, em, ex, ou %).A opção de unidade padrão é px.Por exemplo, se digitar 5 e, em seguida, aceite a opção de unidade padrão, a seguinte marcação CSS será inserida:

LEFT:5px

Observação:

Esta opção estará disponível quando você escolhe Deslocamento a partir do fluxo normal de from a Modo de posição lista.
Height
Define a altura de um elemento.Insira um valor e escolher uma opção de unidade (px, pt, PC, mm, cm, em, em, ex, ou %).A opção de unidade padrão é px.Por exemplo, se digitar 5 e, em seguida, aceite a opção de unidade padrão, a seguinte marcação CSS será inserida:

HEIGHT:5px
Width
Define a largura de um elemento.Insira um valor e escolher uma opção de unidade (px, pt, PC, mm, cm, em, em, ex, ou %).A opção de unidade padrão é px.Por exemplo, se digitar 5 e, em seguida, aceite a opção de unidade padrão, a seguinte marcação CSS será inserida:

WIDTH:5px

Observação:
Esta opção estará disponível quando você seleciona Deslocamento a partir do fluxo normal de from a Modo de posição lista.

Observação:
Esta opção estará disponível quando você escolhe Deslocamento a partir do fluxo normal de from a Modo de posição lista.

Índice Z
Define a ordem z de um elemento.A ordem z controla a exibição de elementos sobrepostos; elementos com os valores mais altos de ordem z são exibidos na frente daqueles com valores mais baixos de ordem z.Para mover o elemento superior na ordem z, insira um número positivo para produzir um resultado sistema autônomo o exemplo a seguir:

Z-INDEX:99

Observação:
Para mover o elemento para baixo na ordem z, insira um número negativo ou menor.

Observação:
Z-índice e a posição estão relacionados.Se você tiver inserido valores de position causam elementos se sobrepõem, você pode controlar qual elemento aparece na parte superior do Outros atribuindo valores de índice Z adequados.Atribua um valor de índice Z superior do elemento ao qual você deseja que apareça na parte superior do Outros elemento.