Propriedade Style orphans
- Página anterior order
- Próxima página outline
- Voltar à página anterior Objeto Style do HTML DOM
Definição e uso
orphans
A propriedade define ou retorna o número mínimo de linhas visíveis necessárias para que o elemento esteja visível na parte inferior da página (usado para impressão ou pré-visualização de impressão).
orphans
A propriedade afeta apenas elementos de bloco.
Dica: }}orphans:5
A linha superior à quebra de página deve ter pelo menos 5 linhas visíveis.
Dica: }}Veja também Propriedade widows Para definir ou retornar o número mínimo de linhas visíveis no topo do elemento.
Exemplo
Altere os orphans e verifique a impressão ou a pré-visualização de impressão:
<html> <head> <script> function ChangeOrphans() { document.getElementById("p1").style.orphans = document.getElementById("orphans").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 { .orphans { orphans:2; } } </style> </head> <body> <div class="othercontent"> <input id="orphans" value="2"> <button onclick="ChangeOrphans();">Altere orphans</button> <p style="font-size:120%" id="p1"> Altere os orphans 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> </body> </html>
Sintaxe
Retorne a propriedade orphans:
object.style.orphans
Defina a propriedade orphans:
object.style.orphans = "number|initial|inherit"
Valor da propriedade
Valor | Descrição |
---|---|
number | Número inteiro, que define o número mínimo de linhas visíveis. Não é permitido usar valores negativos. O valor padrão é 2. |
initial | Defina essa propriedade para 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 impressas no final da página. |
Versão do CSS: | CSS2 |
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou plenamente essa propriedade.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
25.0 | 8.0 | Não suportado | 3.1 | 10.0 |
- Página anterior order
- Próxima página outline
- Voltar à página anterior Objeto Style do HTML DOM