Stil widows egenskab
- Forrige side wordWrap
- Næste side zIndex
- Gå tilbage til forrige niveau HTML DOM Style Object
Definition og brug
widows
Egenskaben indstiller eller returnerer det mindste antal rækker, der skal være synlige i toppen af siden (brugt til udskrivning eller forhåndsvisning af udskrivning).
widows
Egenskaben påvirker kun blokkelementer.
Tip:widows:5
Viser, at der skal være mindst 5 synlige rækker under pagineringssymbolet.
Tip:See orphans property to set or return the minimum number of lines that must be visible at the bottom of the page for an element.
Example
Change widows and check the print or print preview:
<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 { /* Set the size of the print page */ 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();">Change widows</button> <p style="font-size:120%" id="p1"> Change widows and view 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> <div class="othercontent"> </body> </html>
Syntax
Return widows property:
object.style.widows
Set widows property:
object.style.widows = "number|initial|inherit"
Attribute value
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. See initial. |
inherit | Inherits this property from its parent element. See inherit. |
Technical details
Default value: | 2 |
---|---|
Return value: | A string that indicates the minimum number of lines to be printed at the top of the page. |
CSS version: | CSS2 |
Browser supports
Tal i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
25.0 | 8.0 | Ikke understøttet | 7.0 | 10.0 |
- Forrige side wordWrap
- Næste side zIndex
- Gå tilbage til forrige niveau HTML DOM Style Object