디자인천일공책

Html＆JQuery 웹페이지 A3, A4, A5 size 출력

페이지 정보

작성자 디자인천일 작성일Date: 2025-03-29 01:12 조회view: 13

본문

웹페이지 A3, A4, A5 size 출력

css

page {display:block;margin:0 auto;background:#fff;} 
page[size="A3"] { width: 297mm;height:420mm;padding:20mm;} 
page[size="A3"][layout="portrait"] { width: 297mm;height:420mm;padding:20mm;} 
page[size="A4"] { width: 210mm;height:297mm;padding:20mm;} 
page[size="A4"][layout="portrait"] {width: 210mm;height:297mm;padding:20mm;} 
page[size="A5"] { width: 148mm; height: 210mm; } 
page[size="A5"][layout="portrait"] { 148mm; height: 210mm; } 

@media print { 
	body, page {margin:0;box-shadow:0;} 
}

html

<page size="A3" is-divide="true">
</page><!-- page end -->

<page size="A4" is-divide="true">
</page><!-- page end -->

<page size="A5" is-divide="true">
</page><!-- page end -->