Compartilhar via


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

O borda 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 a borda ao redor dos elementos 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 de borda 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. No categoria painel, selecione borda.

    As seleções de estilo de borda 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 borda 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 borda.

    As seleções de estilo de borda 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.

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

Opções de borda

  • estilo de borda
    O estilo de linha (como sólido ou tracejada) de todas as quatro bordas em torno de um elemento HTML.

  • largura da borda
    A largura da linha de todas as quatro bordas em torno de um elemento HTML. Se você especificar um valor, você pode selecionar as unidades na lista.

  • cor da borda
    A cor de todas as quatro bordas em torno de um elemento HTML. Para escolher entre mais cores, use as setas para baixo ou clique nos ícones quadrados à direita. Para mais informações, consulte Mais cores e caixas de diálogo de cor.

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