°³Ã¼ ÀÌÈÄ¿¡ ÆäÀÌÁö ³Ñ±èÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
cssSelector : (½ºÅ¸ÀÏ ¼±ÅÃÀÚ)
¼Ó¼ºÀ» °¡Áú¼ö ÀÖ´Â ¿¤·¹¸àÆ®()³ª Ŭ¶ó½º(class) À̸§ ȤÀº ÀνÄÀÚ(id)ÀÌ´Ù.

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³Ã¼ ÀÌÈÄ¿¡ ÆäÀÌÁö ³Ñ±èÇÒ °ÍÀΰ¡¸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

always °³Ã¼ ÀÌÈÄ¿¡ Ç×»ó ÆäÀÌÁö ³Ñ±èÀ» »ðÀÔÇÑ´Ù.
auto µðÆúÆ®À̸ç, °³Ã¼ ÀÌÈÄ¿¡ ÆäÀÌÁö ³Ñ±èÀ» °­Á¦·Î ÇÏÁöµµ, ±ÝÁöÇÏÁöµµ ¾Ê°í ÀÚµ¿À¸·Î ÇÑ´Ù.
(ºó¹®ÀÚ¿­) °³Ã¼ ÀÌÈÄ¿¡ ÆäÀÌÁö ³Ñ±èÀ» ÇÏÁö ¾Ê´Â´Ù.
left ÇöÀç·Î¼­´Â always¿Í °°ÀÌ ÀÛ¿ëÇÑ´Ù.
right ÇöÀç·Î¼­´Â always¿Í °°ÀÌ ÀÛ¿ëÇÑ´Ù.

ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼­´Â ÀбâÀü¿ëÀÌ°í, ±×¿ÜÀÇ °³Ã¼¿¡¼­´Â Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº autoÀÌ´Ù.

CSS(Cascading Style Sheets) ¾ÖÆ®¸®ºäÆ®´Â »ó¼ÓµÇÁö ¾Ê´Â´Ù.

Ư±â

ÀÌ ¼Ó¼ºÀº ¹®¼­¸¦ ÀμâÇÒ ¶§ Àû¿ëµÈ´Ù. ÀÌ ¼Ó¼ºÀº BR³ª HR ¿¤·¹¸àÆ®¿¡´Â Àû¿ëµÇÁö ¾Ê´Â´Ù.

ÀÌ ¼Ó¼º°ª°ú ºê¶ó¿ìÀú¿¡¼­ ÀÌÀü µð½ºÇ÷¹ÀÌµÈ °³Ã¼ÀÇ pageBreakBefore ¼Ó¼º°ª »çÀÌÀÇ ¸¶ÂûÀÌ ÀÖÀ¸¸é, ¸¹Àº ÆäÀÌÁö¼öÀÇ ÆäÀÌÁö »ðÀÔÀÌ µÇ·Î·Ï ÀÌ °ªÀÌ Àû¿ëµÈ´Ù.

À§Ä¡Áö¿öÁø °³Ã¼ ¼Ó¿¡¼­´Â ÆäÀÌÁö ¹Ù²ÞÀÌ »ðÀÔµÇÁö ¾Ê´Â´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
pageBreakAfter pageBreakBefore

ÀÌ ¼Ó¼ºÀº CSS2(Cascading Style Sheets Level 2)¿¡ Á¤ÀǵǾú´Ù.


ÀμâÇÒ ¹®´ÜÀ¸·Î ÆäÀÌÁö ¹üÀ§ °áÁ¤

°á°ú Ç¥½Ãâ

page-break-after ¾ÖÆ®¸®ºäÆ®¿Í pageBreakAfter ¼Ó¼ºÀ» »ç¿ëÇÏ¿© »õ·Î¿î ÆäÀÌÁö¿¡ Àμ⸦ ½ÃÀÛÇÑ´Ù.
p ¾Ù·¡¸ÇÆ® Ŭ¶ó½º printPage¸¦ ¼±ÅÃÀÚ·Î »ç¿ëÇÏ¿© ¹®´Ü ³¡¿¡ ÆäÀÌÁö°¡ ³¡³ª°Ô ¼³Á¤ÇÑ´Ù.

<HEAD>
<STYLE>P.printPage { page-break-after: always }</STYLE>
<SCRIPT>
function setPageBreak(job){
  printPagePara.style.pageBreakBefore=job;
  printPagePara.style.pageBreakAfter=job;
  showA.innerHTML='printPagePara.style.pageBreakBefore='+printPagePara.style.pageBreakBefore+'<BR>';
  showA.innerHTML+='printPagePara.style.pageBreakAfter='+printPagePara.style.pageBreakAfter+'<BR>';
}
function stopPageBreak(){
  printPagePara.style.pageBreakBefore='';
  printPagePara.style.pageBreakAfter='';
  showA.innerHTML='printPagePara.style.pageBreakBefore='+printPagePara.style.pageBreakBefore+'<BR>';
  showA.innerHTML+='printPagePara.style.pageBreakAfter='+printPagePara.style.pageBreakAfter+'<BR>';
}
</SCRIPT>
</HEAD>
<BODY>
<P class=printPage id=printPagePara>ÀμâÇÒ ¹®´ÜÀ¸·Î ÆäÀÌÁö ¹üÀ§ °áÁ¤</P>
<BUTTON onClick="setPageBreak('always')">ÆäÀÌÁö ¹Ù²Þ °­Á¦ ¼³Á¤</BUTTON>
<BUTTON onClick="setPageBreak('auto')">ÆäÀÌÁö ¹Ù²Þ ÀÚµ¿ ¼³Á¤</BUTTON>
<BUTTON onClick="stopPageBreak()">ÆäÀÌÁö ¹Ù²Þ ÁßÁö</BUTTON>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>
</BODY>