HTML DOM Estilo órfãos propriedade
Definição e Uso
órfãos conjuntos de propriedades ou devolve um número mínimo de elementos deve ser visível na parte inferior da linha de página (para impressão ou visualização de impressão).
órfãos propriedade só afeta elementos nível de bloco.
Dica: órfãos: 5 significa que pelo menos cinco linhas devem ser visíveis acima da quebra de página.
Dica: viúvas conjuntos de propriedades ou devolve um número mínimo de elementos deve ser visível na parte superior da linha da página.
gramática
Definindo propriedades de órfãos:
Object.style.orphans="number|inherit"
atributos órfãos de volta:
Object.style.orphans
值 | 描述 |
---|---|
number | 一个规定可见行的最小数量的整数。默认值是 2。 |
inherit | orphans 属性的值从父元素继承。 |
Suporte a navegadores
Apenas Opera apoia órfãos propriedade.
Exemplos
Exemplos
Alterar os órfãos de impressão ou visualização de atributos:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function ChangeOrphans(){
document.getElementById("p1").style.orphans=document.getElementById("orphans").value;
}
</script>
<style>
.othercontent{
width:400px;
border-top:19cm solid #c3c3c3;
}
@page{
/* 设置打印页面大小 */
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();">修改orphans属性</button>
<p style="font-size:120%" id="p1">
修改打印或打印预览的orphans属性。<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function ChangeOrphans(){
document.getElementById("p1").style.orphans=document.getElementById("orphans").value;
}
</script>
<style>
.othercontent{
width:400px;
border-top:19cm solid #c3c3c3;
}
@page{
/* 设置打印页面大小 */
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();">修改orphans属性</button>
<p style="font-size:120%" id="p1">
修改打印或打印预览的orphans属性。<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
</div>
</body>
</html>
tente »
estilo Objects