{"id":412,"date":"2025-05-14T18:07:02","date_gmt":"2025-05-14T09:07:02","guid":{"rendered":"https:\/\/xslt.auctionpro.co.kr\/?page_id=412"},"modified":"2025-05-14T18:17:19","modified_gmt":"2025-05-14T09:17:19","slug":"print","status":"publish","type":"page","link":"https:\/\/xslt.auctionpro.co.kr\/?page_id=412","title":{"rendered":"Print"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\ud398\uc774\uc9c0 \ub098\ub204\uae30<\/h2>\n\n\n\n<p>Html \ud654\uba74\uc5d0\uc11c\ub294 \ubd84\ud560\ub418\uc9c0 \uc54a\uace0,  Print  \uc5d0\ub9cc  \ud398\uc774\uc9c0 \ub118\uae30\uae30   Tag<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 page-break-* \uc18d\uc131 (\ud398\uc774\uc9c0 \ubd84\ub9ac \uc81c\uc5b4)<\/h3>\n\n\n\n<p>div\uac00 \uc778\uc1c4\uc2dc <strong>\uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791<\/strong>\ub418\ub3c4\ub85d \ud558\ub824\uba74 page-break-before: always; \ub610\ub294 break-before: page; \uc18d\uc131\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uc608:<\/h4>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >.print-page {\n  page-break-before: always; \/* \ub610\ub294 break-before: page; *\/\n}<\/pre><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udca1 \uc694\uc57d<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\ubaa9\uc801<\/th><th>\uc0ac\uc6a9\ubc95<\/th><\/tr><\/thead><tbody><tr><td>\ud2b9\uc815 div\ub9cc \ucd9c\ub825<\/td><td>@media print CSS\ub85c \uc228\uae40\/\ud45c\uc2dc \uc81c\uc5b4<\/td><\/tr><tr><td>\uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \ucd9c\ub825<\/td><td>page-break-before: always; \uc0ac\uc6a9<\/td><\/tr><tr><td>\uc0c8 \ucc3d\uc5d0\uc11c \uc778\uc1c4<\/td><td>JS\ub85c window.open() \ud6c4 .print() \uc2e4\ud589<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>HTML\uc758 <code>&lt;div&gt;<\/code> \uc694\uc18c\uc5d0 <strong>inline \uc2a4\ud0c0\uc77c\ub85c \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc778\uc1c4\ub418\ub3c4\ub85d \uc124\uc815<\/strong>\ud558\ub824\uba74 <code>style<\/code> \uc18d\uc131\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc774 \uc9c1\uc811 \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 <strong>1. \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \ucd9c\ub825\ub418\uac8c \ud558\ub294 \uc18d\uc131 (inline \ubc29\uc2dd)<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >&lt;div style=\"page-break-before: always;\"&gt;\n  \uc774 div\ub294 \uc778\uc1c4 \uc2dc \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791\ub429\ub2c8\ub2e4.\n&lt;\/div&gt;<\/pre><\/div>\n\n\n\n<p>\ub610\ub294 \uc77c\ubd80 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 \uc544\ub798\uc640 \uac19\uc740 <strong>\ub300\uccb4 \uc18d\uc131<\/strong>\ub3c4 \uc0ac\uc6a9\ub429\ub2c8\ub2e4:<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >&lt;div style=\"break-before: page;\"&gt;\n  \uc774 div\ub294 \uc778\uc1c4 \uc2dc \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791\ub429\ub2c8\ub2e4.\n&lt;\/div&gt;<\/pre><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 <strong>\ucd94\uac00\ub85c visibility \uc81c\uc5b4\ub3c4 \ud558\uace0 \uc2f6\uc744 \ub54c<\/strong><\/h3>\n\n\n\n<p>\uc608\ub97c \ub4e4\uc5b4, \ud2b9\uc815 div\ub9cc \uc778\uc1c4\uc5d0 \ubcf4\uc774\uac8c \ud558\uace0 \uc2f6\ub2e4\uba74 @media print\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc9c0\ub9cc, inline \uc2a4\ud0c0\uc77c\ub85c\ub294 \uc544\ub798\ucc98\ub7fc \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">html\ubcf5\uc0ac\ud3b8\uc9d1<code>&lt;div style=\"visibility: visible; page-break-before: always;\"&gt;\n  \uc778\uc1c4\uc6a9\uc73c\ub85c \ud45c\uc2dc\ud558\uace0, \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791\ud569\ub2c8\ub2e4.\n&lt;\/div&gt;\n<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u26a0\ufe0f \ucc38\uace0 \uc0ac\ud56d<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>page-break-before, page-break-after, break-before \ub4f1\uc740 <strong>\uc778\uc1c4 \ubaa8\ub4dc\uc5d0\uc11c\ub9cc \uc801\uc6a9<\/strong>\ub418\uba70, \ud654\uba74\uc5d0\uc11c\ub294 \ubcc0\ud654\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ucd5c\uc2e0 \ube0c\ub77c\uc6b0\uc800\ub294 break-before: page\ub97c \uc120\ud638\ud558\uba70, \uad6c\ubc84\uc804\uc740 page-break-before: always\ub97c \ub354 \uc798 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\uc644\ubcbd\ud55c \uc81c\uc5b4\ub97c \uc704\ud574\uc11c\ub294 @media print \uc0ac\uc6a9\uc774 \uac00\uc7a5 \uc548\uc815\uc801\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p> <strong>table \uc694\uc18c\uc5d0\ub3c4 page-break-before, page-break-after, break-before<\/strong> \ub4f1\uc758 \uc18d\uc131\uc744 <strong>inline \uc2a4\ud0c0\uc77c\ub85c \uc801\uc6a9 \uac00\ub2a5<\/strong>\ud558\uba70, \uc778\uc1c4 \uc2dc <strong>\uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791\ud558\uac70\ub098, \ud398\uc774\uc9c0 \uad6c\ubd84<\/strong>\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 <strong>1. table\uc744 \uc778\uc1c4 \uc2dc \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791\ud558\ub3c4\ub85d<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >&lt;table style=\"page-break-before: always;\"&gt;\n  &lt;tr&gt;\n    &lt;td&gt;\ub0b4\uc6a91&lt;\/td&gt;\n  &lt;\/tr&gt;\n&lt;\/table&gt;<\/pre><\/div>\n\n\n\n<p>\ub610\ub294 \ucd5c\uc2e0 \ube0c\ub77c\uc6b0\uc800 \uae30\uc900:<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >&lt;table style=\"break-before: page;\"&gt;\n  &lt;tr&gt;\n    &lt;td&gt;\ub0b4\uc6a91&lt;\/td&gt;\n  &lt;\/tr&gt;\n&lt;\/table&gt;<\/pre><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 <strong>2. table\uc774 \ub05d\ub09c \ub4a4\uc5d0 \ub2e4\uc74c \ub0b4\uc6a9\uc774 \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791\ub418\uac8c<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >&lt;table style=\"page-break-after: always;\"&gt;\n  &lt;tr&gt;\n    &lt;td&gt;\ub0b4\uc6a91&lt;\/td&gt;\n  &lt;\/tr&gt;\n&lt;\/table&gt;<\/pre><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 <strong>3. \ud589(row) \ub2e8\uc704\ub85c \ud398\uc774\uc9c0 \ubd84\ub9ac\ub3c4 \uac00\ub2a5<\/strong><\/h3>\n\n\n\n<p>\ud14c\uc774\ube14\uc774 \ub108\ubb34 \uae38\uc5b4 \ud398\uc774\uc9c0\uac00 \ub118\uce60 \uacbd\uc6b0, \ud2b9\uc815 tr\uc5d0\ub3c4 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc9c0\ub9cc, \uc77c\ubd80 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 \uc81c\ud55c\uc801\uc785\ub2c8\ub2e4:<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><\/div>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >&lt;tr style=\"page-break-before: always;\"&gt;\n  &lt;td&gt;\uc774 \ud589\uc740 \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791\ub429\ub2c8\ub2e4&lt;\/td&gt;\n&lt;\/tr&gt;<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud398\uc774\uc9c0 \ub098\ub204\uae30 Html \ud654\uba74\uc5d0\uc11c\ub294 \ubd84\ud560\ub418\uc9c0 \uc54a\uace0, Print \uc5d0\ub9cc \ud398\uc774\uc9c0 \ub118\uae30\uae30 Tag \u2705 page-break-* \uc18d\uc131 (\ud398\uc774\uc9c0 \ubd84\ub9ac \uc81c\uc5b4) div\uac00 \uc778\uc1c4\uc2dc \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791\ub418\ub3c4\ub85d \ud558\ub824\uba74 page-break-before: always; \ub610\ub294 break-before: page; \uc18d\uc131\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608: \ud83d\udca1 \uc694\uc57d \ubaa9\uc801 \uc0ac\uc6a9\ubc95 \ud2b9\uc815 div\ub9cc \ucd9c\ub825 @media print CSS\ub85c \uc228\uae40\/\ud45c\uc2dc \uc81c\uc5b4 \uc0c8 \ud398\uc774\uc9c0\uc5d0\uc11c \ucd9c\ub825 page-break-before: always; \uc0ac\uc6a9 \uc0c8 \ucc3d\uc5d0\uc11c \uc778\uc1c4 JS\ub85c &hellip;<br \/><a href=\"https:\/\/xslt.auctionpro.co.kr\/?page_id=412\" class=\"more-link pen_button pen_element_default pen_icon_arrow_double\"><span class=\"screen-reader-text\">Print<\/span> \ub354\ubcf4\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-412","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xslt.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xslt.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xslt.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xslt.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xslt.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=412"}],"version-history":[{"count":2,"href":"https:\/\/xslt.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/412\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/xslt.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/412\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/xslt.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}