웹프로그래밍

Global It Leader!!


HTML


 
 

A4 용지 출력 HTML 소스

페이지 정보

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

댓글목록

등록된 댓글이 없습니다.

전체 33
게시물 검색
HTML 목록
번호 제목 글쓴이 조회 날짜
33 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 121 05-14
32 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1383 04-10
31 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3709 06-16
30 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2141 06-08
29 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2925 09-18
28 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3032 12-06
27 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5720 12-06
26 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3358 05-17
25 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3536 05-17
24 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3453 05-17
23 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3731 01-16
22 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3471 12-11
열람중 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4723 10-26
20 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4399 09-20
19 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3953 06-11
18 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4018 06-04
17 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4055 04-21
16 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4063 04-15
15 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6874 04-20
14 no_profile 오원장쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5224 02-29