Novo estilo e modificar caixas de diálogo do estilo, Layout
O Layout 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 o layout 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 de layout CSS para elementos de interface do usuário na página atual
Abra a página em um Design modo de exibição ou origem modo de exibição.
Opcionalmente, selecione o texto e/ou elementos HTML para aplicar o estilo.
No formato menu, clique em novo estilo.
O novo estilo caixa de diálogo é exibida.
No categoria painel, selecione Layout.
As seleções de estilo de layout 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 um layout de atributos para uma CSS estilo regra definida em uma folha de estilos externa
Abra uma folha de estilos externa existente.
Coloque o cursor dentro das chaves do que a regra de estilo a ser modificado.
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.
No painel esquerdo, clique em Layout.
As seleções de estilo de layout aparecem 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.
As seguintes tabelas que estão disponíveis em Opções da lista de Layout categoria na novo estilo e Modificar estilo caixas de diálogo.
Opções de layout
visibilidade
Se um elemento é visível ou oculto. Valores são os seguintes:Recolher quando usado com elementos de tabela, este valor oculta uma linha ou coluna. Para todos os outros elementos desse valor significa que o mesmo como oculto.
oculto faz com que o elemento invisível.
visível faz com que o elemento visível.
Herdar o elemento herda sua propriedade de visibilidade de um elemento pai.
Exibir
Como um elemento é exibido. Valores são os seguintes:bloco o elemento será exibido no nível de bloco com quebras de linha antes e depois dela.
inline o elemento será exibido in-line com sem quebras de linha antes ou depois dela.
caixa de in-line o elemento será exibido in-line como uma caixa com nenhum quebras de linha antes ou depois da caixa.
inline-table o elemento será exibido in-line como uma tabela com sem quebras de linha antes ou após a tabela.
item de lista o elemento será exibido como um item em uma lista.
Nenhum o elemento será oculto.
' entrada rápida ' o elemento será exibido no nível de bloco ou linha, dependendo do contexto.
tabela o elemento será exibido como uma tabela de bloco com uma quebra de linha antes e após a tabela.
legenda da tabela o elemento será exibido como uma legenda de tabela.
célula de tabela o elemento será exibido como uma célula da tabela.
coluna da tabela o elemento será exibido como uma coluna da tabela.
grupo da coluna da tabela o elemento será exibido como um grupo de colunas da tabela. Esse grupo pode conter uma ou mais colunas.
grupo de rodapé de tabela o elemento será exibido como um grupo de rodapés da tabela. Esse grupo pode conter um ou mais rodapés.
grupo de cabeçalho de tabela o elemento será exibido como um grupo de cabeçalhos da tabela. Esse grupo pode conter um ou mais cabeçalhos.
linha da tabela o elemento será exibir como uma linha da tabela.
grupo de linhas de tabela o elemento será exibido como um grupo de linhas da tabela. Esse grupo pode conter uma ou mais linhas.
Herdar o elemento herda sua propriedade de exibição de um elemento pai.
float
Se um elemento flutuará para a esquerda ou direita, permitindo que o texto para circundá-la ou ser exibido in-line. Essa propriedade é geralmente usada com imagens, mas ela se aplica ao texto também blocos. Valores são os seguintes:esquerda o elemento flutua à esquerda, dentro do elemento pai.
Nenhum o elemento é exibido in-line onde ela aparece no texto.
direito o elemento flutua à direita, dentro do elemento pai.
Herdar o elemento herda sua float o valor da propriedade de um elemento pai.
Limpar
Não permitem que os lados de um elemento flutuantes elementos. Valores são os seguintes:ambos o elemento não permite elementos flutuantes à sua esquerda ou direita.
esquerda o elemento se moverá abaixo um elemento flutuante que está no seu lado esquerdo.
Nenhum o elemento permite elementos flutuantes em todos os lados.
direito o elemento se moverá abaixo um elemento flutuante que está do lado direito.
Herdar o elemento herda sua clear a propriedade de um elemento pai.
cursor
Que tipo de cursor para exibir. Valores são os seguintes:auto (padrão) O navegador define o cursor.
retículo o cursor é processado como uma cruz.
padrão o cursor padrão (geralmente uma seta).
redimensionamento e o cursor usado para redimensionar um elemento para a direita (Leste).
ajudar a o cursor que indica que a Ajuda está disponível (geralmente um ponto de interrogação).
Mover o cursor que indica um objeto pode ser movido.
redimensionamento de n o cursor usado para redimensionar um elemento para cima (Norte).
redimensionamento de ne o cursor usado para redimensionar um elemento para cima e à direita (nordeste).
redimensionamento de NW o cursor usado para redimensionar um elemento para cima e à esquerda (Noroeste).
ponteiro o cursor é processado como um ponteiro (geralmente uma mão).
progresso o cursor que indica que o programa está fazendo progressos.
redimensionamento de s o cursor usado para redimensionar um elemento para baixo (Sul).
redimensionamento de se o cursor usado para redimensionar um elemento para a direita (Sudeste) e para baixo.
redimensionamento de SW o cursor usado para redimensionar um elemento para a para baixo e à esquerda (Sudoeste).
texto o cursor usado para texto.
redimensionamento de w o cursor usado para redimensionar um elemento para a esquerda (oeste).
esperar o cursor que indica que o programa está ocupado (geralmente uma ampulheta).
Herdar o elemento herda sua cursor a propriedade de um elemento pai.
estouro
O que acontece quando o conteúdo de um elemento estoura sua área. Valores são os seguintes:auto as barras de rolagem são exibidas somente se o conteúdo é cortado.
oculto o conteúdo é recortado para caber o elemento e nenhuma barra de rolagem é exibida.
rolagem o conteúdo é recortado para caber o elemento e uma barra de rolagem é exibida.
visível (padrão) O conteúdo é exibido, mesmo que ela esteja fora do elemento.
Herdar o elemento herda sua overflow a propriedade de um elemento pai.
clipe
As dimensões retangulares de um elemento. Se o elemento for maior que a área definida, ele será recortado para caber na área. Para especificar as dimensões, use o superior, direita, inferior, e esquerda caixas.parte superior
A borda superior do retângulo de corte. Se você especificar um valor, você pode selecionar as unidades na lista.direita
A borda direita do retângulo de corte. Se você especificar um valor, você pode selecionar as unidades na lista.parte inferior
Borda inferior do retângulo de corte. Se você especificar um valor, você pode selecionar as unidades na lista.esquerda
A borda esquerda do retângulo de corte. Se você especificar um valor, você pode selecionar as unidades 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.