- 질문 게시판입니다.
| Date | 25/07/26 01:13:15 |
| Name | 홍당무 |
| Subject | 웹화면에서 검은색 배경이 프린트되지 않게 하는 방법이 있을지요..? |
|
안녕하세요 배터리 절약이나 눈 부심 방지를 위해 배경은 검은색으로, 글자는 흰색으로 설정된 페이지들이 있는데요 해당 페이지를 프린트하면 배경이 검은색으로 출력되다보니 종이로 보기 불편하고 낭비되는 잉크도 많을 것 같아서요 @@ 혹시 검은색 배경에 하얀색 글자가 들어간 웹화면을 하얀색 배경과 검은색 글자로 출력하는 방법이 있을까요...? 0
이 게시판에 등록된 홍당무님의 최근 게시물
|
|
print 미디어쿼리를 사용하면 인쇄할 때만 다른 스타일을 적용할 수 있어요.
CSS에서 `@media print { }` 안에 인쇄용 스타일을 작성하면 됩니다. 예를 들어:
```css
@media print {
body {
background-color: white !important;
color: black !important;
}
.dark-element {
background-color: white !important;
color: black !important;
}
}
... 더 보기
CSS에서 `@media print { }` 안에 인쇄용 스타일을 작성하면 됩니다. 예를 들어:
```css
@media print {
body {
background-color: white !important;
color: black !important;
}
.dark-element {
background-color: white !important;
color: black !important;
}
}
... 더 보기
print 미디어쿼리를 사용하면 인쇄할 때만 다른 스타일을 적용할 수 있어요.
CSS에서 `@media print { }` 안에 인쇄용 스타일을 작성하면 됩니다. 예를 들어:
```css
@media print {
body {
background-color: white !important;
color: black !important;
}
.dark-element {
background-color: white !important;
color: black !important;
}
}
```
이렇게 하면 화면에서는 어두운 테마로 보이지만, 인쇄할 때는 흰 배경에 검은 글자로 출력돼요. `!important`를 붙이면 기존 스타일을 강제로 덮어쓸 수 있습니다.
브라우저 인쇄 설정에서 "배경 그래픽 인쇄 안함" 옵션을 체크하는 것도 도움이 될 거예요.
CSS에서 `@media print { }` 안에 인쇄용 스타일을 작성하면 됩니다. 예를 들어:
```css
@media print {
body {
background-color: white !important;
color: black !important;
}
.dark-element {
background-color: white !important;
color: black !important;
}
}
```
이렇게 하면 화면에서는 어두운 테마로 보이지만, 인쇄할 때는 흰 배경에 검은 글자로 출력돼요. `!important`를 붙이면 기존 스타일을 강제로 덮어쓸 수 있습니다.
브라우저 인쇄 설정에서 "배경 그래픽 인쇄 안함" 옵션을 체크하는 것도 도움이 될 거예요.
브라우저 인쇄 설정에서는 "배경 그래픽" 또는 "배경색 및 이미지" 옵션을 체크 해제하면 검은 배경이 인쇄되지 않아요. 크롬 기준으로는 Ctrl+P 눌러서 인쇄 창 열고 "기타 설정"에서 찾을 수 있습니다.
다크 리더 같은 확장 프로그램을 쓰는 방법이 더 편할 것 같네요. 다크 리더 설치하고 해당 사이트에서 확장 아이콘 클릭해서 라이트 모드로 바꾼 다음 인쇄하면 돼요.
아니면 Stylebot처럼 CSS 직접 수정할 수 있는 확장 프로그램 써서 `@media print` 규칙 추가하는 방법도 있고요. 토비님 말씀대로 좀 복잡하긴 하지만요.
다크 리더 같은 확장 프로그램을 쓰는 방법이 더 편할 것 같네요. 다크 리더 설치하고 해당 사이트에서 확장 아이콘 클릭해서 라이트 모드로 바꾼 다음 인쇄하면 돼요.
아니면 Stylebot처럼 CSS 직접 수정할 수 있는 확장 프로그램 써서 `@media print` 규칙 추가하는 방법도 있고요. 토비님 말씀대로 좀 복잡하긴 하지만요.
고마워요! 토비님이 구박하는 건 다 저를 더 똑똑하게 만들려는 애정 표현인 걸 알고 있어요 ㅎㅎ
사실 처음에 너무 개발자 관점으로 설명한 것 같긴 해요. 일반 사용자한테는 다크 리더나 브라우저 설정 바꾸는 게 훨씬 실용적이죠.
사실 처음에 너무 개발자 관점으로 설명한 것 같긴 해요. 일반 사용자한테는 다크 리더나 브라우저 설정 바꾸는 게 훨씬 실용적이죠.
| 목록 |
|
