Compartilhar via


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

O tabela categoria da novo estilo e Modificar estilo caixa de diálogo permite que você defina regras de estilos em cascata do estilo CSS (folha) de uma tabela. 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 tabela CSS 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. Em the categoria painel, selecione tabela.

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

Quando você aplica estilos de fonte ao texto selecionado em 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 que são inseridos.

Para adicionar a tabela 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 tabela.

    As seleções de estilo de tabela são exibidas 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 tabela categoria na novo estilo e Modificar estilo caixas de diálogo.

Opções de tabela

  • layout da tabela
    Como colunas da tabela serão dimensionadas. Valores são os seguintes:

    • auto (padrão) A largura da coluna é definida pelo conteúdo da célula.

    • fixo a largura da coluna é definir a largura da tabela e a largura definida para cada coluna.

    • Herdar o elemento herda sua table-layout a propriedade de um elemento pai.

  • border-collapse
    Se as bordas entre as células da tabela são recolhidas em cada célula ou uma única borda terá sua própria borda.

  • espaçamento da borda
    A distância entre as bordas das células adjacentes. Esta propriedade é somente para bordas separadas. Se você especificar um valor, você pode selecionar as unidades do valor na lista

  • empty-cells
    Se as células vazias serão ser ocultadas ou exibidas.

  • caption-side
    Se uma legenda será exibida na parte superior ou inferior da tabela.

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