Caixa de diálogo Novo estilo, borda

The Borda categoria de do Novo estilo and Modificar estilo caixas de diálogo permite que você defina regras de folha de estilos em cascata (CSS) estilo da borda em torno de elementos de página da Web.Você pode aplicar essas regras de estilo diretamente aos elementos HTML ou adicioná-los para a página corrente ou para uma folha de estilos externo.

Para definir uma regra de estilo de borda CSS elementos de interface de usuário na página corrente

  1. em aberto a página em um dos Design view or fontemodo de exibição de .

  2. Opcionalmente, selecionar o texto ou elementos HTML para aplicar o estilo.

  3. No Formato menu, clicar Novo estilo.

    A caixa de diálogo Novo Estilo é exibida.

  4. No Categoria painel, selecionar Borda.

    As seleções de estilo de borda são exibidas no painel direito.

Quando você aplica estilos ao texto selecionado em Design modo, os atributos de estilo são inserida entre linhas em marcação HTML da página.Alterne para o fontemodo de exibição de para analisar os novos atributos de estilo.

Para adicionar borda atributos a uma CSS estilo regra definida em uma folha de estilos externo

  1. Abra uma existente folha de estilos externo.

  2. Coloque o cursor dentro das chaves da regra de estilo a ser modificada.

  3. No Estilos menu, clicar Criar estilo.

    The Modificar estilo caixa de diálogo é exibida.

    Observação:

    The Estilos menu é exibido quando você em aberto 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 cursor dentro das chaves que seguem o seletor para uma regra de estilo.

  4. No painel esquerdo, clicar Borda.

    As seleções de estilo de borda aparecem no painel direito.

Você pode aplicar uma classe de estilo CSS a um elemento na página da Web ou para o body elemento propriamente dito, definindo o elemento class propriedade para o nome do seletor de classe.

A tabela a seguir lista opções disponível na Borda categoria o Novo estilo and Modificar estilo caixas de diálogo.

Opções de borda

  • estilo de borda
    O estilo de linha (por exemplo, sólida or Tracejado) de todas sistema autônomo quatro bordas ao redor de um elemento HTML.

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

  • cor da borda
    A cor dos todas as quatro bordas ao redor de um elemento HTML.

Outros elementos da interface do usuário

  • Seletor
    (Novo estilo somente na caixa de diálogo) permite que você digitar uma classe de nome ou clicar um elemento HTML para aplicar o estilo.Nomes de classe devem começar com um ponto (.).Você também pode selecionar (estilo in-line), que faz com que o estilo a ser embutida aplicada ao texto selecionado ou elementos HTML.

  • Definir em
    (Novo estilo somente na caixa de diálogo) permite que você especifique onde gravar a definição de regra de estilo.sistema autônomo valores são sistema autônomo seguintes:

    • Página corrente   A regra de estilo é gravada em um style elemento na página corrente.

    • Folha de estilo novo   Uma nova folha de estilos CSS é adicionada para o projeto e a regra é escrita em-lo.

    • Folha de estilos existente   A regra de estilo é adicionada à folha de estilos CSS que você especificar usando o URL lista.

  • URL
    (Novo estilo somente na caixa de diálogo) permite que você selecionar uma folha de estilos em cascata existente folha de estilos.Essa opção é ativada somente quando conjunto em is conjunto to Folha de estilos existente.

  • Aplicar novo estilo à seleção do documento
    (Novo estilo somente na caixa de diálogo) Especifica que o estilo é aplicado ao texto selecionado, classe ou elemento HTML.

  • Preview
    Exibe um exemplo de como a regra de estilo aparecerá 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