CSS page-break-after అట్రిబ్యూట్
- ముందు పేజీ @page
- తదుపరి పేజ్ page-break-before
నిర్వచనం మరియు వినియోగం
పేజీబ్రేక్ అఫ్టర్ అట్రిబ్యూట్ ప్రవర్తనను అమర్చండి ప్రాణి తర్వాత.
ఎల్లప్పుడూ always ఉపయోగించి పేజీబ్రేక్ అట్రిబ్యూట్ ప్రవర్తనను అవసరపడుతుంది, కానీ పేజీబ్రేక్ అట్రిబ్యూట్ ప్రవర్తనను నిరోధించడానికి సాధ్యం కాదు, రచయిత అధికారికంగా యూజర్ అంతర్జాతకి పేజీబ్రేక్ ప్రవర్తనను నిరోధించడానికి మాత్రమే అనుమతిస్తారు.
ఆప్లికేషన్ లో వస్తుంది:position విలువ రిలేటివ్ లేదా స్టేటిక్ వాల్యూమ్ కాకుండా నిరంతరం అంశాలు.
ప్రకటన:పేజీబ్రేక్ అట్రిబ్యూట్ వాడటం అవసరమైతే తక్కువగా వాడండి మరియు పట్టికలు, ఫ్లోటింగ్ అంశాలు, పట్టికలో అంశాలు వాడటం నిరోధించండి.
మరింత చూడండి:
HTML DOM పరిశీలన మాదిరి గా ఉండండి:pageBreakAfter అట్రిబ్యూట్
ఉదాహరణ
పట్టిక మేలు పెట్టిన తర్వాత ఎల్లప్పుడూ పేజీబ్రేక్ చేయాలి పేజీబ్రేక్ ప్రవర్తనను అమర్చండి:
<html> <head> <style> @media print { table {page-break-after:always;} } </style> </head> <body> .... </body> </html>
CSS సంకేతాలు
page-break-after: auto|always|avoid|left|right|initial|inherit;
అట్రిబ్యూట్ విలువ
విలువ | వివరణ |
---|---|
auto | అప్రమేయం. అవసరమైతే ఎల్లప్పుడూ ప్రాణికి పారంతరణ చేయాలి. |
always | ఎల్లప్పుడూ అప్రమేయం మరియు కాలికంగా ప్రాణికి పారంతరణ చేయాలి. |
avoid | ఎల్లప్పుడూ అప్రమేయం మరియు కాలికంగా ప్రాణికి పారంతరణ చేయాలి. |
left | ఎల్లప్పుడూ అప్రమేయం మరియు కాలికంగా ప్రాణికి పారంతరణ చేయాలి. |
right | ఎల్లప్పుడూ అప్రమేయం మరియు కాలికంగా ప్రాణికి పారంతరణ చేయాలి. |
inherit | ప్రత్యేకంగా పేజీబ్రేక్ అఫ్టర్ అట్రిబ్యూట్ యొక్క అమర్పును ప్రాతిపదికగా ప్రాణికి పారంతరణ చేయాలి. |
సాంకేతిక వివరాలు
అప్రమేయం: | auto |
---|---|
పారంతరణతత్వం: | no |
వెర్షన్: | CSS2 |
జావాస్క్రిప్ట్ సంకేతాలు: | object.style.pageBreakAfter="always" |
బ్రౌజర్ మద్దతు
పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ని పేర్కొంది.
క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
- ముందు పేజీ @page
- తదుపరి పేజ్ page-break-before