CSS బ్రేక్ ఆఫ్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

బ్రెయిక్-ఆఫ్టర్ అంశం నిర్ణయిస్తుంది కొన్ని మెటాల్ తర్వాత పేజీని, కలమ్ను లేదా ప్రాంతాన్ని క్షణించాలా లేదా కాదు.

బ్రెయిక్-ఆఫ్టర్ అంశం సిఎస్ఎస్ రెండు యొక్క పేజీ-బ్రెయిక్-ఆఫ్టర్ అంశాన్ని విస్తరించింది.

బ్రెయిక్-ఆఫ్టర్ వినియోగించడం ద్వారా, మీరు బ్రెయిక్-ఆఫ్టర్ అంశాన్ని కలిగివున్న మెటాల్ తర్వాత పేజీని, కలమ్ను లేదా ప్రాంతాన్ని క్షణించాలా లేదా మెటాల్ను రెండు పేజీలకు విడిచిపెట్టకుండా ఉంచాలని బ్రాసర్కు తెలియజేయవచ్చు.

ఉదాహరణ

始终在

元素之前插入分页符：

@media print {
  footer {
    break-after: always;
  }
}

CSS 语法

break-after: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

属性值

值 描述
auto 默认。在元素之后自动进行分页、分列、分区。
all 始终在主体框之后立即插入分页符。
always 始终在元素之后插入分页符。
avoid ఎలిమెంట్ తర్వాత పేజీ, కలన, ప్రాంత అంతరాలను నిరోధించుము.
avoid-column ఎలిమెంట్ తర్వాత కలన సంకేతాన్ని నిరోధించుము.
avoid-page ఎలిమెంట్ తర్వాత పేజీ సంకేతాన్ని నిరోధించుము.
avoid-region ఎలిమెంట్ తర్వాత పరిమితి సంకేతాన్ని నిరోధించుము.
column ఎలిమెంట్ తర్వాత ఎక్కడైనా కలన సంకేతాన్ని ప్రవేశపెట్టుము.
left ఎలిమెంట్ తర్వాత ఒకటి లేదా రెండు పేజీ సంకేతాలను ప్రవేశపెట్టండి మరియు తదుపరి పేజీని ఎడమ పేజీగా ఫార్మాట్ చేయండి.
page ఎలిమెంట్ తర్వాత ఎక్కడైనా పేజీ సంకేతాన్ని ప్రవేశపెట్టుము.
recto ప్రధాన ఫేస్ట్ బాక్ తర్వాత ఒకటి లేదా రెండు పేజీ సంకేతాలను ప్రవేశపెట్టండి మరియు తదుపరి పేజీని రెక్టో పేజీగా ఫార్మాట్ చేయండి.
region ఎలిమెంట్ తర్వాత ఎక్కడైనా పరిమితి సంకేతాన్ని ప్రవేశపెట్టుము.
right ఎలిమెంట్ తర్వాత ఒకటి లేదా రెండు పేజీ సంకేతాలను ప్రవేశపెట్టండి మరియు తదుపరి పేజీని కుడి పేజీగా ఫార్మాట్ చేయండి.
verso ప్రధాన ఫేస్ట్ బాక్ తర్వాత ఒకటి లేదా రెండు పేజీ సంకేతాలను ప్రవేశపెట్టండి మరియు తదుపరి పేజీని వెర్సో పేజీగా ఫార్మాట్ చేయండి.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు అమర్చుము. చూడండి: initial。
inherit తన పేర్పడు ఎలిమెంట్ నుండి ఈ లక్షణాన్ని పారంపర్యం చేసుకుంటుంది. చూడండి: inherit。

సాంకేతిక వివరాలు

అప్రమేయ విలువ: auto
పారంపర్యం అవుతుంది: లేదు
అనిమేషన్ తయారీ: మద్దతు లేదు. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు。
వెర్షన్: CSS3
జావాస్క్రిప్ట్ సంకేతం: object.style.breakAfter="always"

మరిన్ని ఉదాహరణలు

ఉదాహరణ

id ను 'toc' కలిగిన ఎలిమెంట్ తర్వాత ఎక్కడైనా పేజీ సంకేతాన్ని ప్రవేశపెట్టుము:

@media print {
  #toc {
    break-after: always;
  }
}

ఉదాహరణ

ఒక ప్రాంతంలో ఉన్న <ul> ఎలిమెంట్ తర్వాత ఎక్కడైనా పరిమితి సంకేతాన్ని ప్రవేశపెట్టుము:

.region ul {
    break-after: region;
  }
}

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ సంస్కరణను చెప్పుతాయి。

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
50.0 10.0 65.0 10.0 37.0