웹프로그래밍

Global It Leader!!


HTML


 
 

A4 용지 출력 HTML 소스

페이지 정보

작성자 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 1,108회 작성일 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

댓글목록

등록된 댓글이 없습니다.

전체 29
게시물 검색
HTML 목록
번호 제목 글쓴이 조회 날짜
29 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 177 09-18
28 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 478 12-06
27 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 527 12-06
26 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 843 05-17
25 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 867 05-17
24 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 909 05-17
23 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1078 01-16
22 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 928 12-11
열람중 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1109 10-26
20 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1588 09-20
19 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1262 06-11
18 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1385 06-04
17 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1282 04-21
16 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1294 04-15
15 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4145 04-20
14 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2526 02-29
13 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2630 02-17
12 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3960 08-19
11 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3688 08-18
10 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3255 08-07