이제는 내가 프린트하고 싶은 요소만 프린트 해보려고 합니다.
"타이틀, 카테고리, 글쓴 날짜, 본문 내용" 이렇게 네가지 요소만 프린트 하고자 한다면 어떻게 하면 될까요?
지금까지 이런식으로 screen에 대한 스타일만 지정했다면
<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
더불어 print를 위한 스타일을 지정해 주면 됩니다<link rel="stylesheet" media="print" type="text/css" href="print.css" />
그럼 print.css를 작성해 보겠습니다.
프린트하지 않을 영역은 모두 사라지게 합니다.
예를 들면
sidebar { display:none;}
이렇게 하면 사이드바 영역은 사라지게 됩니다.
이런식으로 프린트하지 않을 영역을 모두 display:none를 시켜줍니다.
다 되었다면 프린트 해 보세요.
불필요한 요소는 모두 사라지고 내가 원하는 것들만 프린트 됩니다.
댓글을 달아 주세요
모르던 거였는데 감사합니다 ^^
음. 이거 말고 필요한 글들을 쭉~ 드래그한 후에 인쇄 ( ctrl+p ) 를 누르면 아래쪽에 인쇄 옵션에서 선택한 영역만 인쇄하기를 골라 인쇄하는 방법도 있습니다. 인쇄물에서 특수한(?) 레이아웃이 필요한 경우가 아니라면 이 방법을 사용해도 동일한 결과를 얻으실 수 있을 듯하네요.
좋은 정보 감사합니다. 조금더 공부해보고 저도 한번 적용해봐야겠습니다. ^^