Compartilhar via


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

O lista 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 lista. 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 lista 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 lista.

    As seleções de estilo de lista são exibidas no painel à direita.

Quando você aplica estilos de fonte ao texto selecionado em 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 que são inseridos.

Para adicionar a lista 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 lista.

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

Opções da lista

  • list-style-type.
    O estilo do marcador de itens de lista (marcador). Alguns navegadores oferecem suporte somente disc (um círculo sólido).

  • imagem do estilo de lista
    O arquivo de imagem para usar como o marcador de itens de lista (marcador). O arquivo de imagem deverá ter sido adicionado anteriormente ao projeto.

  • lista-style-position.
    Onde será colocado o marcador de itens de lista. Valores são os seguintes:

    • dentro de coloca o marcador à esquerda do texto, mas quebra o texto abaixo do marcador.

    • fora (padrão) coloca o marcador à esquerda do texto e recua o texto quando ele está disposto.

    • Herdar o elemento herda sua propriedade de posição do estilo de lista um elemento pai.

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