Viúvas - CSS-Tricks

Anonim

Em termos de tipografia, uma viúva é a última linha de um parágrafo que é deixada sozinha em uma nova página ou em uma nova coluna. A widowspropriedade em CSS controla o número mínimo de linhas de um parágrafo que pode cair para uma nova página. Esta propriedade afeta apenas mídia paginada, como print.

@media print ( p ( widows: 3; ) )

Se um parágrafo não couber em uma página inteira, ele será dividido sempre que possível. Dessa forma, linhas únicas de um parágrafo podem aparecer na página antes de continuar na próxima página. Isso geralmente é indesejado, portanto, muitos processadores de texto exigem que pelo menos duas linhas sejam deixadas em uma página antiga, em vez de uma. A orphanpropriedade atua de forma semelhante. Você pode atribuir a ele um número positivo (onde 2 é o padrão) ou inherit.

Observe que a widowspropriedade geralmente não afeta mídias não pagináveis, como screen. No entanto, os navegadores que oferecem suporte a ambos widowse columnsaplicarão a funcionalidade pretendida às colunas também. Além disso, a propriedade afeta apenas os elementos de nível de bloco.

Em suma, especificamente em CSS:
  • widows= número mínimo de linhas em uma divisão de parágrafo na nova página.
  • orphans= número mínimo de linhas em uma divisão de parágrafo na página antiga .
As linhas vermelhas são viúvas.

Relacionado

  • órfãos

Suporte para navegador

Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.

Área de Trabalho

cromada Raposa de fogo IE Beira Safári
25 Não 8 12 7

Celular / Tablet

Android Chrome Android Firefox Android iOS Safari
88 Não 4,4 7,0-7,1