Texto, caixa de diálogo estilo construtor

The Texto página de do Construtor de estilo caixa de diálogo possibilita definir atributos estilos em cascata folha de estilos em cascata (CSS) texto posicionamento.Você pode aplicar esses atributos diretamente aos elementos HTML ou adicioná-los a regras de estilo CSS.

Para aplicar atributos diretamente ao texto de posicionamento em elementos HTML na sua página de texto

  1. Abra seu documento HTML no modo de exibição de Design do HTML Designer e selecionar o texto para formatar.

  2. clicar Estilo on the Formato menu para em em aberto o Construtor de estilo caixa de diálogo.

  3. clicar Texto no painel esquerdo do Construtor de estilo caixa de diálogo.

    The Texto, o construtor de estilocaixa de diálogo aparece no painel direito.

Quando você aplica estilos ao texto selecionado no modo de modo de exibição de Design, os atributos de estilo CSS são inserido embutido em marcação HTML para a página.Alterne para o modo de exibição HTML para examinar os novos atributos de estilo inseridos.

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

  1. Abra um existente folha de estilos externo e coloque o ponto de inserção entre chaves curvas ({}) que seguem o seletor para o estilo desejado.

  2. clicar Criar estilo on the Estilos menu para em em aberto o Construtor de estilo caixa de diálogo.

  3. clicar Texto no painel esquerdo do Construtor de estilo caixa de diálogo.

    The Texto, o construtor de estilocaixa de diálogo aparece no painel direito.

Observação:

O Estilos menu aparece quando você abre 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 ponto de inserção dentro de chaves que seguem o seletor para uma regra de estilo.

Uma classe de estilo CSS definida em uma folha de estilos externas pode ser aplicada a um elemento dentro de <BODY> elemento de uma página da Web (neste caso, incluindo o <BODY> elemento propriamente dito) atribuindo o seletor de estilo CSS sistema autônomo o CLASS propriedade do elemento.

Opções disponível na Texto página de do Construtor de estilocaixa de diálogo incluem o seguinte.

Tarefas

Elementos da Interface do Usuário

Alinhamento

Observação:

Para as seguintes opções de alinhamento, se você selecionar Não conjunto >, nenhum código é adicionado ao estilo.

  • Horizontal
    Define o TEXT-ALIGN valor do atributo para texto formatado no estilo. selecionar Não conjunto > (nenhum opção escolhida), À esquerda, centralizar, À direita, or Justificado.Por exemplo, se você optar por À esquerda, a seguinte marcação CSS será inserida:

    TEXT-ALIGN:left

    Observação:

    O Letters e Lines valores que você conjunto abaixo serão ajustadas para acomodar o Justificado atributo.

  • Vertical
    Define o VERTICAL-ALIGN valor do atributo para texto formatado no estilo. selecionar Não conjunto > (nenhum opção escolhida), Texto subscrito, or Texto sobrescrito.Por exemplo, se você escolher Texto subscrito, a seguinte marcação CSS será inserida:

    VERTICAL-ALIGN:sub

  • justificação
    Define o TEXT-JUSTIFY valor do atributo para texto formatado no estilo. selecionar Não conjunto > (nenhum opção escolhida), Automático, Palavras de espaço, Estilo de jornal, Distribuir espaçamento, or Distribuir todas as linhas.Por exemplo, se você escolher Estilo de jornal, a seguinte marcação CSS será inserida:

    TEXT-JUSTIFY:newspaper

    Observação:

    Atributos de justificação estão disponível somente se você selecionar Justificado para o valor horizontal.

Espaçamento entre

Essas opções de conjunto o espaçamento entre letras e espaçamento vertical entre linhas de texto formatado no estilo.

  • Letras
    Define o valor de espaçamento horizontal entre as letras do texto formatado no estilo.selecionar Não conjunto > (nenhum opção escolhida), Normal, or Personalizado.Se você selecionar Personalizado, os campos à direita da Personalizado estão disponível.Insira um valor de 1-512 no campo de número e escolher uma opção de unidade (px, pt, PC, mm, cm, em, em, or ex).O valor que você conjunto poderá ser ajustado para acomodar o HORIZONTAL-JUSTIFIED atributo. A opção de unidade padrão é pt. Por exemplo, se você escolher Personalizado, digite 5 no campo de número e, em seguida, aceite a opção de unidade padrão, a seguinte marcação CSS é inserida:

    LETTER-SPACING:5pt

  • Linhas
    Define o valor de espaçamento vertical entre as linhas de texto formatado no estilo.selecionar Não conjunto > (nenhum opção escolhida), Normal, or Personalizado.Se você selecionar Personalizado, os campos à direita da Personalizado estão disponível.Insira um valor de 1 a 512 no campo de número e escolher uma opção de unidade (px, pt, PC, mm, cm, em, em, ex, ou %).A opção de unidade padrão é pt. Por exemplo, se você escolher Personalizado, digite 5 no campo de número e, em seguida, aceite a opção de unidade padrão, a seguinte marcação CSS é inserida:

    LINE-HEIGHT:5pt

    Observação:

    O HORIZONTAL-JUSTIFIED atributo também modifica o espaçamento vertical das linhas.

Fluxo de texto

  • Recuo
    Define o TEXT-INDENT valor do atributo para texto formatado no estilo. Insira um valor de 1-512 no campo de número e escolher uma opção de unidade (px, pt, PC, mm, cm, em, em, ex, ou %).A opção de unidade padrão é pt. Por exemplo, se você digitar 5 no campo de número e, em seguida, aceite a opção de unidade padrão, a seguinte marcação CSS será inserida:

    TEXT-INDENT:5pt

  • Direção do texto
    Define o DIRECTION valor do atributo para texto formatado no estilo. selecionar Não conjunto > (nenhum opção escolhida), À esquerda para direita, or Direita para a esquerda.Por exemplo, se você optar por À esquerda para direita, a seguinte marcação CSS será inserida:

    DIRECTION:ltr

    Observação:

    Quando o atributo for < Not conjunto >, nenhum código é adicionado ao estilo.

Consulte também

Conceitos

Trabalhando com CSS: Uma visão geral

Referência

Plano de fundo, caixa de diálogo estilo construtor

Fonte, a caixa de diálogo estilo construtor

Posição, a caixa de diálogo estilo construtor

Layout, caixa de diálogo estilo construtor

Bordas, caixa de diálogo estilo construtor

Listas de estilo construtor dialog box

Outros, a caixa de diálogo Compiladora de estilo

seletor de cor Caixa de diálogo