Propriedade Style widows
- Página anterior wordWrap
- Próxima página zIndex
- Voltar à página anterior Objeto Style do HTML DOM
Definição e uso
widows
Atributo que define ou retorna o número mínimo de linhas visíveis no topo da página (usado para impressão ou pré-visualização de impressão).
widows
Este atributo afeta apenas elementos de bloco.
Dica:}widows:5
Abaixo do símbolo de paginação, devem haver pelo menos 5 linhas visíveis.
Dica:}Veja também Propriedade orphans Para definir ou retornar o número mínimo de linhas visíveis que um elemento deve ter visíveis na parte inferior da página.
Exemplo
Mude o widows e verifique a impressão ou a pré-visualização de impressão:
<html> <head> <script> function ChangeWidows() { document.getElementById("p1").style.widows = document.getElementById("widows").value; } </script> <style> .othercontent { width: 400px; border-top: 19cm solid #c3c3c3; } @page { /* Define o tamanho da página de impressão */ size: 21cm 27cm; margin-top: 2cm; } @media print { .widows { widows:2; } } </style> </head> <body> <div class="othercontent"> <input id="widows" value="2"> <button onclick="ChangeWidows();">Mudar widows</button> <p style="font-size:120%" id="p1"> Mude o widows e veja a pré-visualização de impressão.<br> Linha 2<br> Linha 3<br> Linha 4<br> Linha 5<br> Linha 6<br> Linha 7<br> Linha 8<br> </p> <div class="othercontent"> </body> </html>
Sintaxe
Retorne a propriedade widows:
object.style.widows
Defina a propriedade widows:
object.style.widows = "number|initial|inherit"
Valor da propriedade
Valor | Descrição |
---|---|
number | Inteiro, que determina o número mínimo de linhas visíveis. Não é permitido usar valores negativos. O valor padrão é 2. |
initial | Defina essa propriedade como seu valor padrão. Veja também initial。 |
inherit | Herda essa propriedade do elemento pai. Veja também inherit。 |
Detalhes técnicos
Valor padrão: | 2 |
---|---|
Retorno: | Stringo, que representa o número mínimo de linhas a serem impressas no topo da página. |
Versão do CSS: | CSS2 |
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou completamente essa propriedade.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
25.0 | 8.0 | Não suportado | 7.0 | 10.0 |
- Página anterior wordWrap
- Próxima página zIndex
- Voltar à página anterior Objeto Style do HTML DOM