Propriedade widows
Última atualização: 2026-09-13
widows Propriedade widows
A propriedade widows controla o número mínimo de linhas do início de um parágrafo que devem permanecer na parte inferior da página anterior ao imprimir, sendo o padrão 2. Em conjunto com orphans, impede que a primeira linha de um parágrafo fique sozinha na base da página (uma 'viúva'), mantendo os parágrafos impressos intactos.
| Categoria | |
|---|---|
| Valor Inicial | 2 |
| Herdado | Sim |
| Aplica-se A | |
| Tipo de Animação | |
| Versão CSS | CSS2 |
| Status | Padrão |
📝 Sintaxe
widows: <integer>;⚙️ Valores
| Valor | Tipo | Descrição |
|---|---|---|
<integer> | Tipo | Número mínimo de linhas no início do parágrafo |
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo no playground:
🌐 Suporte dos Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| widows | ✓ v10 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os principais navegadores | |||||
Dica： widows e orphans são fáceis de confundir no CSS; lembre-se de que 'viúva = fica sozinha no início (base da página)' para distingui-los.
❓ Perguntas Frequentes
Qwidows e orphans precisam ser definidos juntos?
ANão — são propriedades independentes de mídia paginada. Mas costumam ser definidas com o mesmo valor para que ambas as extremidades do parágrafo sejam tratadas de forma consistente. Por exemplo, orphans: 3; widows: 3; mantém pelo menos três linhas em ambas as extremidades, conferindo uma aparência uniforme. Definir apenas uma deixa a outra extremidade exposta a linhas órfãs/viúvas. Projetos reais frequentemente escrevem ambas dentro de @media print.
Qwidows afeta a exibição na tela?
ANão. widows e orphans aplicam-se apenas em contextos paginados (impressão, pré-visualização de impressão, exportação em PDF). As telas rolam continuamente sem paginação, portanto a renderização na tela não é afetada de forma alguma. Para verificar o resultado, use a pré-visualização de impressão do navegador ou emule a mídia de impressão no DevTools.
QQual controla o início do parágrafo, widows ou orphans?
Awidows controla o início do parágrafo, mantendo as primeiras N linhas de modo que não fiquem sozinhas na base da página anterior. orphans controla o final do parágrafo, mantendo as últimas N linhas de modo que não caiam sozinhas no topo da próxima página. Uma ajuda mnemônica: a viúva fica no 'início' (base da página) e o órfão no 'fim' (topo da página); geralmente são definidos com o mesmo valor.
QComo corrijo um parágrafo dividido ao imprimir?
AAlém de orphans/widows controlarem as linhas dentro de um parágrafo, combine com break-inside: avoid para que elementos inteiros não sejam divididos numa quebra de página. Para parágrafos longos, orphans: 3; widows: 3; evita linhas órfãs/viúvas; para imagens, linhas de tabela e outros elementos que não devem atravessar páginas, break-inside: avoid os move inteiramente para a próxima página.
🏷️ Propriedades Relacionadas
💡 Casos relacionados
📚 Tutoriais Relacionados
Propriedade orphans
Controla o número mínimo de linhas no final do parágrafo
Tutorial de Estilos de Impressão CSS
Domine a tipografia de mídia paginada
