Órfãos - CSS-Tricks

Anonim

Em termos de tipografia, um órfão é a primeira linha de um parágrafo que é deixada para trás na página antiga enquanto o parágrafo continua na próxima. A orphanpropriedade controla o número mínimo de linhas de um parágrafo que podem ser deixadas na página antiga. Esta propriedade afeta apenas mídia paginada, como print.

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

Por exemplo, se um parágrafo não couber em uma página inteira, ele será dividido sempre que possível. Desta forma, linhas únicas de um parágrafo podem aparecer na página antes de continuar na página seguinte. 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. Você pode atribuir a ele um número positivo (onde 2 é o padrão) ou inherit.

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

Resumindo, especificamente em CSS:
widows= número mínimo de linhas em um parágrafo dividido 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 órfãs.

Relacionado

  • viúvas

Suporte para navegador

cromada Safári Raposa de fogo Ópera IE Android iOS
25+ Nenhum Nenhum 9,2+ 8+ Nenhum Nenhum