Trabalhar com os estilos de conteúdo comuns work-with-common-styles

Abra a folha de estilos necessária para edição.

Na lista Estilos, expanda os Estilos de Título.

Clique com o botão direito do mouse no estilo Estilos de Título e escolha Novo Estilo.

Na caixa de diálogo Adicionar Estilo, mantenha o nome Marca como h2 e digite chapter no campo de nome Classe.

Clique em Concluído.

Abra a folha de estilos necessária para edição.

Na lista Estilos, expanda os Estilos de Título.

Selecione o estilo h1 na lista.
As propriedades do estilo h1 são mostradas no painel Propriedades junto com sua Visualização.

Selecione a propriedade Autonumeração.

Os estilos que podem ser aplicados na lista de numeração automática são mostrados abaixo da propriedade Numeração automática.

Defina as seguintes propriedades:

• Estilo: selecione entre uma grande variedade de estilos de numeração genéricos ou específicos de localidade. Você pode escolher estilos como indo-arábico, devanágari, georgiano, decimal, Alpha inferior e muito mais. Para o exemplo atual, selecione upper-alpha.

• Formato: o formato padrão está definido como <x>, em que o valor x é substituído pelo Estilo de numeração selecionado na propriedade Style. Por exemplo, se você selecionou o estilo decimal (1), o valor de x é incrementado automaticamente para cada instância do estilo h1, vai para 2, 3 e assim por diante. Também é possível adicionar texto personalizado no campo para formatar o estilo do cabeçalho. Por exemplo, se você quiser que todos os cabeçalhos h1 tenham um prefixo Chapter, será necessário definir esse campo como Chapter <x>.

• Inserir Caractere: Se você deseja adicionar qualquer caractere especial no Formato, clique no botão Inserir Caractere ( {width="25"}) ícone. Selecione o caractere desejado que deseja adicionar no formato de estilo e clique em Inserir. Há diferentes tipos de caracteres especiais que você pode escolher na lista suspensa Selecionar categoria. Para o nosso exemplo, selecione a opção Aspas angulares à direita na categoria Pontuação.

  {width="400"}

• Iniciar numeração de: se quiser que a numeração comece a partir de um número específico, forneça esse valor. Para o nosso exemplo, mantenha o valor padrão de 1.

• Recuo: se você deseja recuar o cabeçalho, é necessário definir o valor de Recuo. Para o nosso exemplo, defina-o como 0 px.

  note note
  NOTE
  É possível inserir o valor em px (pixels), pt (pontos), rem, em, % (porcentagem) ou em unidades (polegadas).

• Largura do Prefixo: esta é a área ocupada pelo formato de numeração automática. Ele é automaticamente definido para um tamanho que possa acomodar facilmente o formato de estilo selecionado. Se quiser aumentar o tamanho, você poderá substituir o valor padrão.

  Ao definir esse valor manualmente, tente alterar as outras propriedades que terão impacto na largura. Por exemplo, altere o tamanho da fonte, o formato com o prefixo (Capítulo) ou um sufixo (:), defina o valor máximo na propriedade Iniciar numeração de e as várias propriedades da fonte para obter o tamanho ideal.

  Para o nosso exemplo, mantenha o valor padrão.

• Espaçamento: especifique o espaçamento horizontal e vertical. Para o nosso exemplo, mantenha os valores padrão.

  Com as personalizações acima, o estilo é personalizado conforme mostrado abaixo:

  {width="500"}

• Aplicar formatação a: as propriedades na categoria Autonumeração ajudarão você a definir o estilo de numeração. Para aplicar mais personalizações ao estilo de numeração ou ao conteúdo do formato de cabeçalho, você pode escolher Numeração ou Parágrafo nesse campo. Se você escolher 'Numeração', quaisquer alterações feitas em 'Fonte', 'Borda', 'Layout' e outras categorias serão aplicadas somente ao estilo de numeração no cabeçalho. No entanto, se você escolher 'Parágrafo', as alterações serão aplicadas ao conteúdo do cabeçalho, não ao estilo de numeração.

Use as configurações a seguir para gerar uma saída mostrada na seguinte captura de tela:

{width="500"}

Abra a folha de estilos necessária para edição.

Na lista Estilos, expanda os Estilos de parágrafo.

Clique com o botão direito do mouse no Estilo de parágrafo e escolha Novo estilo.

Na caixa de diálogo Adicionar estilo, mantenha o nome da Marca como p e, no campo Pseudo Classe, selecione ::first-letter.

Clique em Concluído.

Um novo estilo de parágrafo chamado ::first-letter foi criado e adicionado na lista Estilos de parágrafo.

Selecione ::first-letter sob o estilo p e defina as seguintes propriedades:

• Fonte: defina a fonte desejada para a primeira letra do parágrafo. Para o nosso exemplo, defina a Família da fonte como cursiva, espessura da fonte para 500, tamanho da fonte para 30 pt e escolha uma cor de fonte.

• Layout: definir o alinhamento vertical do texto em torno do estilo de capitular. Para o nosso exemplo, definiremos o Alinhamento vertical como Inferior.

Abra a folha de estilos necessária para edição.

Na lista Estilos, expanda os Estilos de Caractere.

Clique com o botão direito do mouse no Estilo de caractere e escolha Novo estilo.

Na caixa de diálogo Adicionar estilo, mantenha o nome Marca como span e digite BoldItalic no campo de nome Classe.

{width="400"}

Clique em Concluído.

Um novo estilo de caractere chamado código é criado e adicionado na lista Estilos de caractere.

Selecione span.BoldItalic na lista Estilo de caractere e defina as seguintes propriedades:

• Fonte: todas as propriedades relacionadas à fonte podem ser personalizadas a partir desta seção. Por padrão, há algumas fontes agrupadas com o produto. Você pode escolher a fonte desejada para o estilo de caractere. Para o nosso exemplo, defina a Família da Fonte como Serif, e selecione Bold e Italic na propriedade Estilo da Fonte. Você também pode personalizar outras propriedades de fonte, como Espessura da fonte (como negrito, mais claro), Decoração do texto (como sublinhado, linha sobreposta), Tamanho da fonte, Cor da fonte, Alinhamento do texto e muito mais.

  note note
  NOTE
  Também é possível adicionar fontes ao modelo, que são armazenadas na seção Resources do modelo. Para obter mais detalhes sobre como adicionar fontes e trabalhar com Recursos, consulte Trabalhar com recursos.

• Layout: você pode definir as propriedades relacionadas ao layout, como Altura e Largura, Margem, Preenchimento, Alinhamento e muito mais.

• Plano de fundo: as propriedades do Plano de fundo permitem formatar a cor do plano de fundo de um estilo específico. É possível definir a cor ou a imagem do plano de fundo para qualquer estilo.

Abra a folha de estilos necessária para edição.

Na lista Estilos, expanda os Estilos de Lista.

Selecione o estilo ol na lista.

As propriedades do estilo antigo são mostradas no painel Propriedades junto com a opção Visualizar.

{width="500"}

Selecione a opção Formatação Avançada.

Uma mensagem de confirmação é exibida.

Clique em Sim na mensagem Confirmação para abrir as propriedades de Formatação Avançada.

As seguintes propriedades estão disponíveis por padrão:

• Nível: por padrão, há 6 níveis de listas numeradas. O nível selecionado nesta lista suspensa controla as alterações de estilo no nível selecionado e em todos os níveis subsequentes. Por exemplo, se você selecionar nível 4, todas as alterações de estilo aplicadas serão definidas nos níveis 4, 5 e 6.

• Tipo de Estilo de Lista: Há vários estilos de numeração de lista que você pode escolher. A lista contém estilos de numeração genéricos e específicos do local usados para criar uma lista numerada. Alguns dos tipos de estilo de lista são árabe, cambojano, devanágari, etíope, hangul, hebraico, japonês, coreano, chinês simples, urdu e muito mais.

Além disso, você pode trabalhar com as seguintes propriedades de Formatação avançada:

• Formato de Número: o formato padrão está definido como <x>, no qual o valor x é substituído pelo Estilo de numeração selecionado na propriedade Tipo de Estilo de Lista. Por exemplo, se você selecionou o estilo decimal (1), o valor de x é incrementado automaticamente para cada instância do elemento da lista, vai como 2, 3 e assim por diante. Você também pode adicionar texto personalizado no campo para formatar o estilo da lista. Por exemplo, se você quiser que todos os estilos de lista de primeiro nível tenham um sufixo ")", defina esse campo para o estilo de lista de primeiro nível como "<x>)".

• Inserir Caractere: Se você deseja adicionar qualquer caractere especial no Formato de Número, clique no botão Inserir Caractere ( {width="25"}) ícone. Selecione o caractere desejado que deseja adicionar no formato de estilo e clique em Inserir. Há diferentes tipos de caracteres especiais que você pode escolher na lista suspensa Selecionar categoria.

• Inserir Nível: você pode incluir o número de qualquer um dos níveis anteriores no formato de número. Por exemplo, se você quiser incluir o formato de número do 5º nível no formato de número do 6º nível, escolha 5 na lista suspensa Inserir nível. Observe que a lista suspensa Inserir nível mostra apenas os números dos níveis anteriores e não o nível seguinte. Por exemplo, enquanto você estiver no Nível 3, a lista Inserir Nível mostrará apenas os níveis 1 e 2.

  {width="400"}

  Você também pode alterar o Formato de número para apresentar os valores da lista conforme necessário. Por exemplo, quando estiver usando um estilo de numeração aninhado para o nível 3, você poderá formatá-lo como "<2>.<x>))". Isso mostrará a lista número 2, seguida por um ponto, seguido pelo número de lista 3 e, então, dois colchetes, como 2.3)).

• Recuo: se você deseja recuar a lista, então você precisa definir o valor de Recuo. Quaisquer alterações no recuo podem ser revisadas no painel Visualização e ajustadas.

  note note
  NOTE
  É possível inserir o valor em px (pixels), pt (pontos), rem, em, % (porcentagem) ou em unidades (polegadas).

• Largura do Prefixo: esta é a área ocupada pelo Formato de Número. Ele é automaticamente definido para um tamanho que possa acomodar facilmente o formato selecionado. Se quiser aumentar o tamanho, você poderá substituir o valor padrão.

  Ao definir esse valor manualmente, tente alterar as outras propriedades que terão impacto na largura. Por exemplo, altere o tamanho da fonte, o formato com prefixo ou um sufixo e as várias propriedades da fonte para obter o tamanho ideal.

• Espaçamento: especifique o espaçamento horizontal entre o formato do número da lista e o conteúdo. O espaçamento vertical controla o intervalo entre os dois itens da lista.

  A captura de tela a seguir mostra a lista ordenada personalizada para cada nível:

  {width="500"}

Abra a folha de estilos necessária para edição.

Na lista Estilos, clique com o botão direito do mouse no Estilo de Tabela e escolha Novo Estilo.

Na caixa de diálogo Adicionar Estilo, mantenha o nome Marca como table e digite double-border no campo de nome Classe.

Clique em Concluído.

Um novo estilo de tabela chamado table.double-border é criado e adicionado na lista de Estilos de Tabela.

Selecione table.double-border na lista Estilos de Tabela e defina as seguintes propriedades:

• Aplicar formatação a: você pode optar por aplicar a formatação de estilo a toda a tabela, linhas ou colunas ímpares/pares ou primeira/última linha ou coluna.

  note note
  NOTE
  As configurações a seguir estão disponíveis na seção Geral quando Aplicar Formatação a está definido como Tabela Inteira.

• Quebra de texto: selecione como quebrar texto em torno da tabela. Isso é útil quando a tabela está dentro de outro elemento de nível de bloco e a tabela deve ser renderizada juntamente com outro conteúdo no elemento de bloco. As opções de quebra automática estão alinhadas à esquerda ou à direita ou nenhuma.

• Recolhimento de Borda: selecione a aparência da borda da tabela. Se você selecionar recolher, apenas uma única linha de borda será desenhada entre as células da tabela. No entanto, para estilos separados, a borda é visível ao redor de cada célula com preenchimento adicional.

  {width="500"}

• Espaçamento entre Bordas: esta configuração só estará disponível quando o Recolhimento de Borda estiver definido como Separado. Com essa configuração, você pode especificar o espaçamento vertical e horizontal entre as bordas da célula.

  {width="500"}

  note note
  NOTE
  As configurações a seguir estão disponíveis na seção Célula quando Aplicar Formatação a está definido como Tabela Inteira.

• Preenchimento: especifique o preenchimento entre as células da tabela. Você pode especificar diferentes valores de preenchimento para os lados superior, inferior, esquerdo e direito.

• Alinhamento vertical: especifique o alinhamento vertical para o conteúdo da célula. As opções disponíveis são: Superior, Meio e Inferior.

• Lado da Borda, Estilo, Cor, Largura, Raio: Especifique as propriedades relacionadas à borda. Você pode optar por ter bordas somente em lados específicos, como Esquerda ou Direita. O Estilo da borda lista os estilos de borda disponíveis como Sólido, Tracejado, Linha dupla e muito mais. Especifique a cor da borda usando a paleta de cores. Você pode especificar a largura da borda em px, pt, rem, em, % e em unidades. O Raio define a curva para fazer cantos circulares.

As outras propriedades em Fonte, Borda, Layout, Paginação e Plano de Fundo são explicadas em outros exemplos neste tópico. Dependendo da sua seleção na propriedade Aplicar formatação a, você poderá aplicar esses valores a toda a tabela ou às linhas ou colunas selecionadas.

Uma visualização de uma tabela de amostra com linhas diferentes formatadas de forma diferente é mostrada abaixo:

{width="500"}

Abra a folha de estilos necessária para edição.

Na lista Estilos, expanda Outros Estilos.

Clique com o botão direito do mouse em Outro estilo e escolha Novo estilo.

Na caixa de diálogo Adicionar Estilo, mantenha o nome da Marca como em branco e digite wintitle no campo de nome da Classe.

Como wintitle é um nome de elemento DITA reconhecido, sua definição de estilo é mapeada automaticamente para o elemento <wintitle> na sua origem.

Clique em Concluído.

Um novo estilo chamado .wintitle foi criado e adicionado na lista Outros Estilos.

Selecione .wintitle na lista Outros Estilos e defina as propriedades conforme necessário.