Styl sirotci Nemovitost
Příklad
Změňte sirotky a zkontrolujte tisk nebo náhled tisku:
<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
{
/* set size of printed 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();">Change orphans</button>
<p style="font-size:120%" id="p1">
Change orphans and see the print preview.<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
</body>
</html>
Zkus to sám "
Definice a použití
Vlastnost orphans nastavuje nebo vrací minimální počet řádků pro prvek, který musí být viditelný ve spodní části stránky (pro tisk nebo náhled tisku).
Vlastnost orphans ovlivňuje pouze prvky na úrovni bloku.
Tip: sirotci:5 znamená, že nad koncem stránky musí být viditelných alespoň 5 řádků.
Tip: Chcete-li nastavit nebo vrátit minimální počet řádků pro prvek, který musí být viditelný v horní části stránky, podívejte se na vlastnost widows.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
orphans | Yes | Not supported | Not supported | Not supported | Yes |
Syntax
Vraťte majetek sirotků:
object.style.orphans
Nastavte vlastnost sirotci:
object.style.orphans = "number|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
number | An integer that specifies the minimum number of visible lines. Negative values are not allowed. The default value is 2 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | 2 |
---|---|
Návratová hodnota: | Řetězec představující minimální počet řádků k vytištění v dolní části stránky |
Verze CSS | CSS2 |
❮ Objekt stylu