이제는 내가 프린트하고 싶은 요소만 프린트 해보려고 합니다.
"타이틀, 카테고리, 글쓴 날짜, 본문 내용" 이렇게 네가지 요소만 프린트 하고자 한다면 어떻게 하면 될까요?
지금까지 이런식으로 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를 시켜줍니다.
다 되었다면 프린트 해 보세요.
불필요한 요소는 모두 사라지고 내가 원하는 것들만 프린트 됩니다.
