Esempio
Modificare gli orfani e controllare la stampa o anteprima di stampa:
"color:brown">"color:mediumblue"><html"color:mediumblue">>
"color:brown">"color:mediumblue"><head"color:mediumblue">>
"color:brown">"color:mediumblue"><script"color:mediumblue">>"color:black">
"color:mediumblue">function ChangeOrphans()"color:red">
{
"color:red">
document.getElementById("color:brown">"p1").style.orphans = document.getElementById("color:brown">"orphans").value;
"color:red">
}
"color:brown">"color:mediumblue"></script"color:mediumblue">>
"color:brown">"color:mediumblue"><style"color:mediumblue">>"color:brown">
.othercontent
"color:black">{"color:red">
width"color:mediumblue">"color:black">: 400px"color:black">;
border-top"color:mediumblue">"color:black">: 19cm solid #c3c3c3"color:black">;
"color:black">}
@page
"color:black">{"color:red">
"color:green">/* set size of printed page */
size"color:mediumblue">"color:black">:21cm 27cm"color:black">;
margin-top"color:mediumblue">"color:black">:2cm"color:black">;
"color:black">}
@media print
"color:black">{"color:brown">
.orphans
"color:black">"color:black">{"color:red">
orphans"color:mediumblue">"color:black">:2"color:black">;
"color:black">"color:black">}
"color:black">}
"color:brown">"color:mediumblue"></style"color:mediumblue">>
"color:brown">"color:mediumblue"></head"color:mediumblue">>
"color:brown">"color:mediumblue"><body"color:mediumblue">>
"color:brown">"color:mediumblue"><div"color:red"> class"color:mediumblue">="othercontent""color:mediumblue">>
"color:brown">"color:mediumblue"><input"color:red"> id"color:mediumblue">="orphans" value"color:mediumblue">="2""color:mediumblue">>
"color:brown">"color:mediumblue"><button"color:red"> onclick"color:mediumblue">="ChangeOrphans();""color:mediumblue">>Change orphans"color:brown">"color:mediumblue"></button"color:mediumblue">>
"color:brown">"color:mediumblue"><p"color:red"> style"color:mediumblue">="font-size:120%" id"color:mediumblue">="p1""color:mediumblue">>
Change orphans and see the print preview."color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 2"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 3"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 4"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 5"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 6"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 7"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 8"color:brown">"color:mediumblue"><br"color:mediumblue">>
"color:brown">"color:mediumblue"></p"color:mediumblue">>
"color:brown">"color:mediumblue"></body"color:mediumblue">>
"color:brown">"color:mediumblue"></html"color:mediumblue">> Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà orfani o restituisce il numero minimo di righe per un elemento che deve essere visibile nella parte inferiore di una pagina (for printing or print preview) .
La struttura orfani riguarda solo elementi di blocco.
Tip: gli orfani: 5 significa che almeno 5 linee devono essere visibili sopra l'interruzione di pagina.
Tip: Vedere la proprietà vedove per impostare o restituire il numero minimo di righe per un elemento che deve essere visibile nella parte superiore di una pagina.
Supporto browser
La proprietà orfani è supportata in Internet Explorer, Opera e Chrome.
Nota: La proprietà orfani non è supportato in Firefox o Safari. La proprietà non è supportata in IE7 e versioni precedenti. IE8 richiede un DOCTYPE!. IE9 e più tardi ha il pieno supporto.
Sintassi
Restituire la proprietà orfani:
object .style.orphans
Impostare la proprietà orfani:
object .style.orphans=" I valori delle proprietà Valore Descrizione number Un numero intero che specifica il numero minimo di righe visibili. I valori negativi non sono ammessi. Il valore predefinito è 2 initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: 2 Valore di ritorno: A String, che rappresenta il numero minimo di righe da stampare in fondo alla pagina CSS Version CSS2
<Stile di oggetto