Compartilhar via


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

O fonte categoria da novo estilo caixa de diálogo permite que você defina regras de estilos em cascata do estilo CSS (folha) para fontes de texto. 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 fonte 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 e/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 fonte.

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

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

Opções de fonte

  • família de fontes
    O nome de uma fonte de texto. Os nomes de fonte que contenham espaços devem ficar entre aspas, como "Times New Roman". Você pode especificar vários nomes de fonte, separados por vírgulas (,). É recomendável para a última fonte na lista a ser uma fonte genérica como, por exemplo, "serif", "sans-serif" ou "monospace".

  • tamanho da fonte
    O tamanho da fonte. Se você inserir um valor, você pode selecionar as unidades do valor da lista. É recomendável usar tamanhos relativos, como, por exemplo, "pequeno", "x-large" ou uma porcentagem, para que os usuários podem ajustar o tamanho da fonte no navegador da Web.

  • font-weight.
    A espessura da fonte, como "normal", "negrito" ou "400". Um valor numérico representa um peso relativo de 100 para 900.

  • estilo de fonte
    O estilo ou a inclinação da fonte, como "normal" ou "itálico". Se você selecionar "Oblíquo", a maioria dos navegadores da Web processará a fonte como itálico.

  • Font-variant.
    Um estilo de variant para renderizar a fonte. Valores são os seguintes:

    • normal a fonte será processada normalmente.

    • versaletes a fonte será renderizada em letras minúsculas.

    • Herdar o estilo variant será herdado do elemento pai.

  • text-transform
    Um valor que define os efeitos de maiúsculas e minúsculas do texto. Valores são os seguintes:

    • Aproveite o a primeira letra de cada palavra é processada em maiúsculas.

    • minúsculas todas as letras são processadas em letras minúsculas.

    • maiúsculas todas as letras são processadas em letras maiúsculas.

    • Nenhum capitalização do texto não é alterada.

    • Herdar o estilo de text-transform será herdado do elemento pai.

  • cor
    A cor da fonte do texto. Para escolher entre mais cores, use a seta para baixo ou clique no ícone de quadrado à direita. Para mais informações, consulte Mais cores e caixas de diálogo de cor.

  • text-decoration.
    Uma combinação dos seguintes atributos de texto: sublinhado, overline, line-through, e de intermitência. Se você selecionar Nenhum, todas as outras caixas de seleção será limpa.

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

Referência

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

Conceitos

Trabalhando com CSS: Uma visão geral

Outros recursos

Caixa de diálogo do selecionador de cor

Caixa de diálogo do selecionador de fonte