Compartilhar via


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

O Block 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 blocos de texto. Você pode aplicar essas regras de estilo a elementos HTML ou você pode adicioná-los para a página atual ou a uma folha de estilos externa.

Para definir uma regra de estilo do bloco de texto 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 Block.

    As seleções de estilo do bloco de texto 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 bloco de texto 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 Block.

    As seleções de estilo do bloco de texto 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 bloco categoria na novo estilo e Modificar estilo caixas de diálogo.

Opções de bloco

  • altura da linha
    O espaçamento entre linhas de texto. Se você especificar um valor, você pode selecionar as unidades na lista.

  • vertical-align.
    O posicionamento vertical do conteúdo de um elemento ou de uma célula da tabela. Se você especificar um valor, você pode selecionar as unidades na lista.

  • text-align.
    O posicionamento horizontal do texto ou uma imagem.

  • recuo de texto
    O recuo da primeira linha do texto em um parágrafo. Se você especificar um valor, você pode selecionar as unidades na lista.

  • espaço em branco
    Como o espaço em branco é processado. Espaço em branco inclui espaços, tabulações e retornos incondicionais. Valores são os seguintes:

    • normal recolhe os caracteres de espaço em branco consecutivos em um único espaço.

    • nowrap suprime a quebra automática de linha.

    • Pre preserva os caracteres de espaço em branco.

    • Pre-line preserva espaço em branco, caracteres, mas quebra o texto.

    • Pre-wrap preserva espaço em branco, caracteres e não quebra o texto.

    • Herdar herda o estilo de espaço em branco de um elemento pai.

  • Word-spacing
    A quantidade de espaçamento entre palavras. Se você especificar um valor, você pode selecionar as unidades na lista.

  • letter-spacing
    A quantidade de espaçamento entre as letras de uma palavra. 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.

Consulte também

Conceitos

Trabalhando com CSS: Uma visão geral