메뉴 건너뛰기

신승식의 다른 생각 (보관)

짧은 생각 인쇄용 스타일 시트를 만들다.

신승식 2005.07.16 17:40 조회 수 : 20249

 

그동안 화면용 스타일 시트를 작은 글씨, 중간 글씨, 큰 글씨 이렇게 세 벌을 써왔는데, 사실상 인터넷 익스플로러를 제외하고는 대부분의 브라우저가 모두 글꼴 확대나 화면 확대 기능이 훌륭하게 있으므로 별 필요성이 없다고 생각되어 빼버렸다.

대신 오늘은 인쇄용(프린트용) 스타일을 새로 만들었다. 화면에서 보는 것과는 주로 다음과 같은 점이 달라지도록 했다. 아마 내가 CSScascading rule을 잘 이해하지 못해서 그런지, 이미 정의된 화면용 스타일 시트와 새로 정의된 인쇄용 스타일 시트의 관계에서 해결하지 못한 문제가 꽤 남아있다. 여러 번 테스트를 해보고, 인쇄할 때 어떻게 보이는 것이 가장 바람직한지 좀 더 수정을 해봐야겠다. 아래 결과는 실제 인쇄를 해 본 결과가 아니고 미리 보기(preview)했을 때의 결과이다.

인쇄(print)용 스타일 시트 특징
특징 Firefox 1.0.4 Opera 8.01 Internet Explorer 6 Konqueror 3.4
하이퍼링크의 경우 주소를 보여준다. (단, 버튼, 표제목 등 불필요한 곳 일부 제외) 지원 지원 지원 안 함. 지원
메뉴, 광고, 폼 등 불필요한 부분을 보여주지 않고, 내용만 보여준다. 지원 지원 (폼(form) 등을 숨기지 못함. 원인 불명) 불완전한 지원(주로 CSS 선택자(selector)를 인식하지 못해서 생기는 문제) 지원
화면에서 보였던 accesskey 값을 숨긴다. 지원 지원 애초에 화면에서 accesskey 값을 보여줄 수 없었음. 지원
약자나 두문자의 경우 본디말을 보여준다. 지원 지원 지원 안 함. 지원
어두운 배경색, 배경 이미지를 제거하고 모든 텍스트는 하얀 배경에 까만 글씨로 선명하게 나오도록 한다. 지원 지원 지원 지원
글꼴은 고딕 계열(sans-serif) 대신, 명조 계열(serif)로 나오게 하고, 텍스트의 종류에 따라 크기도 적당히 조절한다. 불완전한 지원 (serif를 경우에 따라서 sans-serif로 표시함.) 불완전한 지원 (Windows용과 Linux용이 다르게 동작함.) 불완전한 지원 (한글/영문 글꼴 종류를 제대로 인식하지 못함.) 지원
블럭의 경계선(border), 바깥 여백(margin), 폭(width), 안쪽 여백(padding)을 적당히 바꾼다. 지원 지원 불완전한 지원 (box 모델을 잘못 해석해서 나온 결과) 지원
화면용 JavaScript의 영향 별로 없음. (Windows와 Linux에서 다르게 동작함.) 상당히 있음. 거의 없음. 상당히 있음.
번호 제목 글쓴이 날짜 조회 수
115 [공지] 화살 기도처럼 신승식 2003.12.19 21104
114 블로그를 열었습니다. [2] 신승식 2006.03.27 103743
113 문자 메시지 [1] 신승식 2006.01.02 103929
112 휴가 신승식 2005.12.18 51338
111 Formerly Macromedia [1] 신승식 2005.12.07 104457
110 컴퓨터 없는 곳 [2] 신승식 2005.11.26 117052
109 대화의 명료성 [1] 신승식 2005.11.17 109118
108 아무데나 쿡 찔러도 거침없이 나오는... [1] 신승식 2005.10.27 113001
107 Word by Word [1] 신승식 2005.10.24 111165
106 100분 토론에서 얻은 생활의 지혜 두 가지 신승식 2005.10.15 129271
105 열심히 술판 벌이고 욕한 당신, 떠나라! 신승식 2005.09.27 24662
104 명절 모습 [1] 신승식 2005.09.20 30092
103 여드름 [2] 신승식 2005.09.07 25153
102 사전과 단어장 [1] 신승식 2005.09.06 26350
101 휴~ [2] 신승식 2005.08.10 27630
100 우유와 아침 식사 [1] 신승식 2005.08.08 67706
» 인쇄용 스타일 시트를 만들다. 신승식 2005.07.16 20249
98 야식 [1] 신승식 2005.07.12 21949
97 술먹고 정신 못차린 하루 [1] 신승식 2005.07.09 20733
96 Look at the sky! 신승식 2005.07.05 26131