Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>Test</title>
<style type="text/css">
<!--
@media print {
BODY { font-size: 12pt }
}
.newPage {
page-break-after : right;
color : blue;
}
-->
</style>
</head>
<body >
<div class="newPage">
가나다라
</div>
<div class="newPage">
ABCDE
</div>
</body>
</html>
하는 것입니다.(즉 가나다라 가 있는 페이지 뒤에 빈 페이지를 넣고 싶다는 것)
그런데 page-break-after : right; 속성이 적용이 되지 않습니다.
대신에 page-break-after : always; 로 할 경우에는 페이지 분리가 됩니다.
(중간에 빈 페이지는 안들어갑니다.)
제가 잘못쓴게 있나요???
그리고 출력할 때 페이지에 번호를 매긴다거나 헤더를 붙이는 게 css 로 가능한가요?
출력할 때 브라우저에서 설정할 수 있긴한데 저는 각 페이지별로 다른 헤더를 붙이고 싶거든요.