CSS page-break-after egenskap
- Föregående sida @page
- Nästa sida page-break-before
Definition och användning
page-break-after egenskapsinställning av elementets sidbrytning beteende efter elementet.
Trots att det är möjligt att använda always för att tvinga sidbrytning, kan det inte garanteras att undvika sidbrytningar, skapare kan högst kräva att användaragenten försöker undvika sidbrytningar så mycket som möjligt.
Tillämplad på:Blockelement med position värde relative eller static som inte flyter.
Kommentar:Använd så få sidbrytningsegenskaper som möjligt och undvik att använda sidbrytningsegenskaper i tabeller, flytande element och blockelement med ram.
Se också:
HTML DOM referenshandbok:pageBreakAfter egenskapsattribut
Exempel
Ställ in sidbrytning beteende efter tabell-elementet alltid:
<html> <head> <style> @media print { table {page-break-after:always;} } </style> </head> <body> .... </body> </html>
CSS-syntax
page-break-after: auto|always|avoid|left|right|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
auto | Standard. Om nödvändigt, lägg till sidbrytningar efter elementet. |
always | Lägg till sidbrytningar efter elementet. |
avoid | Undvik att lägga till sidbrytningar efter elementet. |
left | Nuförtiden efter elementet tillräckligt många sidbrytningar, tills en tom vänster sida. |
right | Nuförtiden efter elementet tillräckligt många sidbrytningar, tills en tom höger sida. |
inherit | Specificerar att inställningen för page-break-after egenskapen ska härledas från föräldrelementet. |
Tekniska detaljer
Standardvärde: | auto |
---|---|
Arv: | no |
Version: | CSS2 |
JavaScript-syntax: | object.style.pageBreakAfter="always" |
Webbläsarstöd
Talen i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
- Föregående sida @page
- Nästa sida page-break-before