Listas de estilo construtor dialog box

Artigo
08/25/2010

The Listas página de do Construtor de estilo caixa de diálogo possibilita definir atributos do estilo de folha de estilos em cascata (CSS) estilos em cascata formatar listas criadas usando o <OL> e <UL> Rótulos de formatação. Você pode aplicar esses atributos diretamente aos elementos HTML ou você poderá adicioná-los a regras de estilo CSS.

Para aplicar atributos lista diretamente aos elementos HTML na página

Abra o documento HTML no modo de modo de exibição de Design do HTML Designer e selecionar os elementos para formatar.
clicar Estilo on the Formato menu para em em aberto o Construtor de estilo caixa de diálogo.
clicar Listas no painel esquerdo do Construtor de estilo caixa de diálogo.

The Listas de estilo construtorcaixa de diálogo aparece no painel direito.

Quando formatar elementos selecionados no modo de modo de exibição de Design, os atributos de estilo CSS são inserido embutido em marcação HTML da sua página.Alterne para o modo de exibição HTML para examinar os novos atributos de estilo inseridos.

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

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.
clicar Criar estilo on the Estilos menu para em em aberto o Construtor de estilo caixa de diálogo.
clicar Listas no painel esquerdo do Construtor de estilo caixa de diálogo.

The Listas de estilo construtorcaixa 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 atribuindo o seletor de estilo CSS sistema autônomo o CLASS propriedade do elemento.

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

Tarefas

Elementos da Interface do Usuário

Listas

Define atributos para o tipo de lista, com marcador ou sem marcadores.Os atributos geralmente aplicam aos estilos que afetam <LI></LI> ou <OL></OL> Rótulos de formatação. selecionar Não conjunto > (nenhum opção escolhida), Com marcadores, or Unbulleted.Por exemplo, se você selecionar Unbulleted, o seguinte código é adicionado:

LIST-STYLE-TYPE:none

Marcadores

Os atributos listados os marcadores de formato de tabela seguinte.Marcadores incluem números, letras, numerais romanos, imagens de marcador padrão (Circle, disco, quadrado) ou imagens de marcador personalizado.

Observação:
Estilos diferentes para os marcadores ficam disponível após selecionar Com marcadores sistema autônomo o tipo de lista.

Style
Define os atributos que controle o estilo do marcador.Oito estilos estão disponível.selecionar de Não conjunto > (nenhum opção escolhida), Círculo, Disco, Quadrado, (1 2 3 4…), (eu ii iii iv…), (I E II III IV…), (a b c d...), ou ()UM D… C B).Por exemplo, se você selecionar Com marcadores sistema autônomo tipo de lista e Quadrado sistema autônomo o estilo, a seguinte marcação CSS será inserida:

LIST-STYLE-TYPE:square
Position
Define os atributos que controlam a posição do marcador em relação ao texto.Há dois formatos diferentes para a posição do texto.Select either <Not Set> (no option chosen), Outside (Text is indented in), or Inside(Text is not indented).Por exemplo, se você selecionar Quadrado sistema autônomo o estilo, Com marcadores sistema autônomo o tipo de lista e Fora (texto é recuado em) sistema autônomo a posição, a seguinte marcação CSS será inserida:

LIST-STYLE-TYPE:square; list-style-position:outside
Marcador personalizado
Define uma imagem em vez dos oito estilos disponível, sistema autônomo o estilo de marcador.Depois de selecionar Marcador personalizado, the Imagem and Nenhum opções estão disponível.
Image
Define uma imagem sistema autônomo um estilo de marcador.Digite um nome de caminho e a imagem no campo ou escolher o botão de reticências (...) para em em aberto o Selecionar imagem do marcadorcaixa de diálogo e, em seguida, procure o local de uma imagem.Por exemplo, se você selecionar Com marcadores sistema autônomo o tipo de lista, Fora (texto é recuado em) sistema autônomo a posição e Marcador personalizado sistema autônomo estilo de marcador e tipo bullet.jpg no Imagem campo, a seguinte marcação CSS será inserido:

LIST-STYLE-POSITION:outside

LIST-STYLE-IMAGE:url (bullet.jpg)
Nenhum
Define o valor de imagem para o estilo de marcador para None. Por exemplo, se você selecionar Com marcadores sistema autônomo o tipo de lista, Fora (texto é recuado em) sistema autônomo a posição e Marcador personalizado sistema autônomo estilo de marcador e tipo bullet.jpg no Imagem campo, a seguinte marcação CSS será inserido:

LIST-STYLE-POSITION:outside; LIST-STYLE-IMAGE:url (bullet.jpg)

Se você, em seguida, retornar para o Construtor de estilo caixa de diálogo e selecionar Nenhum sistema autônomo the Marcador personalizado opção, a seguinte marcação CSS será inserida:

LIST-STYLE-POSITION:outside; LIST-STYLE-IMAGE:none