[HTML][CSS] 페이지 넘김 및 프린터 출력 여백 설정

풍선도움말...

ㆍ호가계부를 시작페이지로

금융신고
1332

한국부동산세미나협회

[무료] 오늘의 운세 / 바이오리듬

여기는 회원님이 직접 등록하신
즐겨찾는 사이트가 출력됩니다.

컴퓨터와 관련있는 모든 팁을 공유합시다.

[HTML][CSS] 페이지 넘김 및 프린터 출력 여백 설정

호가계부|2019-09-30 18:41:44|조회 : 1697

홈페이지에서 프린터로 출력할때 페이지 넘김이 필요할 때가 있다

css 에서

page-break-before : 해당 엘리컨트 뒤에 페이지 넘김

또는

page-break-after : 해당 엘리먼트 앞에 페이지 넘김

으로 설정하면 된다

[설정값]
- auto : 기본값
- always : 항상 페이지 넘김
- avoid : 페이지 넘김을 하지 못하게 강제

P 또는 DIV 와 같은 블럭 레벨 엘리먼트에만 적용된다.

<p style="page-break-before: always;"> 페이지 넘김 </p>

페이지 여백을 screen, print 에 맞게 설정할 수 도 있다.

@media screen {
body {
margin-top: 10mm;
margin-bottom: 10mm;
margin-left: 0mm;
margin-right: 0mm
}
}

@media print {
body {
margin-top: 50mm;
margin-bottom: 50mm;
margin-left: 20mm;
margin-right: 20mm
}
}

TAG : 홈페이지_페이지넘김

번호	제 목	첨부	작 성 일	작성자	조회
114	cURL 사용법 (6)		2020-05-16	호가계부	86
113	[Javascript] 숫자를 글자로 바꿔주는 자바스크립트 (1)		2020-03-11	호가계부	339
112	[엑셀] 셀을 클릭하면 설명 메시지를 팝업 시키는 방법 (1)		2019-11-07	호가계부	1337
111	[Javascript] confirm 클릭 확인받기		2019-10-09	호가계부	942
110	[HTML][CSS] 페이지 넘김 및 프린터 출력 여백 설정		2019-09-30	호가계부	1698
109	[javascript] window.open으로 오픈한 자식창에서 부모창 태그 �...		2019-09-27	호가계부	1304
108	[jQuery] 익스플로러 외 날짜 입력박스 사용하기(input type dat...		2019-09-23	호가계부	3384
107	[JavaScript] 스크롤할때 메뉴바 상단에 고정하기 (1)		2019-09-11	호가계부	2349
106	CSS3 미디어쿼리 @media 규칙 이해.		2019-09-09	호가계부	4122
105	[엑셀] 특정 자릿수 숫자 반올림		2019-08-22	호가계부	1312
104	[Android] Chrome Custom Tabs 시작하기 (2)		2019-08-17	호가계부	2465
103	[Android] 상태바 없애기		2019-08-13	호가계부	1581
102	[Android] 타이틀바 없애기		2019-08-13	호가계부	1679
101	[Android] ERR_CLEARTEXT_NOT_PERMITTED 웹뷰 호출 에러		2019-08-11	호가계부	1970
100	Chrome 크롬 강력 새로고침 단축키		2019-07-15	호가계부	3190
99	홈페이지(웹브라우저) 창 가로 세로 확인 방법		2019-07-07	호가계부	3477
98	Html CSS 수직으로 중앙 정렬 하는 방법		2019-07-05	호가계부	2952
97	textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바... (1)		2019-06-19	호가계부	3895
96	javascript encodeURI -> php EUC-KR decode (1)		2019-06-18	호가계부	3082
95	윈도우 창 단축키		2019-06-07	호가계부	2986

| [1] 2 3 4 5 6 |

컴퓨터와 관련있는 모든 팁을 공유합시다.

[HTML][CSS] 페이지 넘김 및 프린터 출력 여백 설정

cURL 사용법

[Javascript] 숫자를 글자로 바꿔주는 자바스크립트

[엑셀] 셀을 클릭하면 설명 메시지를 팝업 시키는 방법

[Javascript] confirm 클릭 확인받기

[HTML][CSS] 페이지 넘김 및 프린터 출력 여백 설정

[javascript] window.open으로 오픈한 자식창에서 부모창 태그 �...

[jQuery] 익스플로러 외 날짜 입력박스 사용하기(input type dat...

[JavaScript] 스크롤할때 메뉴바 상단에 고정하기

CSS3 미디어쿼리 @media 규칙 이해.

[엑셀] 특정 자릿수 숫자 반올림

[Android] Chrome Custom Tabs 시작하기

[Android] 상태바 없애기

[Android] 타이틀바 없애기

[Android] ERR_CLEARTEXT_NOT_PERMITTED 웹뷰 호출 에러

Chrome 크롬 강력 새로고침 단축키

홈페이지(웹브라우저) 창 가로 세로 확인 방법

Html CSS 수직으로 중앙 정렬 하는 방법

textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바...

javascript encodeURI -> php EUC-KR decode

윈도우 창 단축키