<style>
@media print {
@page {
size:21cm 29.7cm; /*A4*/
margin:0;
}
html, body { border:0; margin:0; padding:0; }
}
</style>
위 예제는 헤더푸터 없애고 마진 없애는 예제입니다.
@page 설명하는 문서에 mobile 언급이 있길래 @media print 도 씌웠습니다.
http://www.tutorialspoint.com/css/css_paged_media.htm
여기 보면 첫페이지만 적용한다던가,
양면인쇄시 좌 우 마진 구분 등 여러가지로 응용할 수 있네요.
게시글 목록
| 번호 | 제목 |
|---|---|
| 2982 | |
| 2981 | |
| 2980 | |
| 2979 | |
| 2978 | |
| 2977 | |
| 2976 | |
| 2975 | |
| 2974 |
HTML
Input Type Tel
|
| 2973 | |
| 2972 | |
| 2971 |
HTML
HTML5 input 유형
|
| 2970 | |
| 2969 | |
| 2968 | |
| 2967 | |
| 2966 | |
| 2965 |
HTML
html input select 요소
|
| 2964 |
HTML
HTML NAME 속성
|
| 2963 |
HTML
HTML METHOD POST GET
|
| 2962 |
HTML
html form action
|
| 2961 | |
| 2960 |
HTML
html form submit
|
| 2959 |
HTML
html form input 객체
|
| 2958 |
HTML
HTML 레이아웃 요소
|
| 2957 | |
| 2956 |
HTML
뷰포트 설정하기
|
| 2955 |
HTML
[HTML <head> 요소] 1
|
| 2954 | |
| 2953 |
HTML
[HTML 블록 및 인라인 요소]
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기