HTML A4 용지 출력 HTML 소스
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 5,127회
작성일 16-10-26 11:01
본문
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Page Print Example</title>
<style type="text/css">
body {
background: #cccccc;
}
page {
background: white;
display: block;
margin: 0 auto;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {
width: 21cm;
height: 29.7cm;
}
page[size="A4"][layout="portrait"] {
width: 29.7cm;
height: 21cm;
}
hr[is-divide="true"] {
height:0; margin:0; padding:0; border:none !important;
}
[is-divide="true"] {
page-break-after: always;
}
page[size="A3"] {
width: 29.7cm;
height: 42cm;
}
page[size="A3"][layout="portrait"] {
width: 42cm;
height: 29.7cm;
}
page[size="A5"] {
width: 14.8cm;
height: 21cm;
}
page[size="A5"][layout="portrait"] {
width: 21cm;
height: 14.8cm;
}
@media print {
body, page {
margin: 0;
box-shadow: 0;
}
}
</style>
</head>
<body>
<page size="A4">
<h1>A4 용지 세로 1 이어서</h1>
</page>
<page size="A4">
<h1>A4 용지 세로 2 이어서</h1>
</page>
<hr is-divide="true">
<page size="A4" is-divide="true">
<h1>A4 용지 세로 1 분리</h1>
</page>
<page size="A4" is-divide="true">
<h1>A4 용지 세로 2 분리</h1>
</page>
<page size="A4" layout="portrait">
<h1>A4 용지 가로</h1>
</page>
<page size="A5">
<h1>A5 용지 세로</h1>
</page>
<page size="A5" layout="portrait">
<h1>A5 용지 가로</h1>
</page>
<page size="A3">
<h1>A3 용지 세로</h1>
</page>
<page size="A3" layout="portrait">
<h1>A3 용지 가로</h1>
</page>
<script type="text/javascript">
window.onload = function() {
window.print();
};
</script>
</body>
</html>
출처 : http://www.jkun.net/554
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Page Print Example</title>
<style type="text/css">
body {
background: #cccccc;
}
page {
background: white;
display: block;
margin: 0 auto;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {
width: 21cm;
height: 29.7cm;
}
page[size="A4"][layout="portrait"] {
width: 29.7cm;
height: 21cm;
}
hr[is-divide="true"] {
height:0; margin:0; padding:0; border:none !important;
}
[is-divide="true"] {
page-break-after: always;
}
page[size="A3"] {
width: 29.7cm;
height: 42cm;
}
page[size="A3"][layout="portrait"] {
width: 42cm;
height: 29.7cm;
}
page[size="A5"] {
width: 14.8cm;
height: 21cm;
}
page[size="A5"][layout="portrait"] {
width: 21cm;
height: 14.8cm;
}
@media print {
body, page {
margin: 0;
box-shadow: 0;
}
}
</style>
</head>
<body>
<page size="A4">
<h1>A4 용지 세로 1 이어서</h1>
</page>
<page size="A4">
<h1>A4 용지 세로 2 이어서</h1>
</page>
<hr is-divide="true">
<page size="A4" is-divide="true">
<h1>A4 용지 세로 1 분리</h1>
</page>
<page size="A4" is-divide="true">
<h1>A4 용지 세로 2 분리</h1>
</page>
<page size="A4" layout="portrait">
<h1>A4 용지 가로</h1>
</page>
<page size="A5">
<h1>A5 용지 세로</h1>
</page>
<page size="A5" layout="portrait">
<h1>A5 용지 가로</h1>
</page>
<page size="A3">
<h1>A3 용지 세로</h1>
</page>
<page size="A3" layout="portrait">
<h1>A3 용지 가로</h1>
</page>
<script type="text/javascript">
window.onload = function() {
window.print();
};
</script>
</body>
</html>
출처 : http://www.jkun.net/554
댓글목록
등록된 댓글이 없습니다.