Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Eclipse
- Stock ipo
- jquery
- php
- java
- 자바스크립트
- 자바
- MYSQL
- linux
- 리눅스
- SQL
- 주식
- html
- css
- 공모주 청약 일정
- 공모주 청약
- 오라클
- codeigniter
- 맥
- 제이쿼리
- 주식 청약
- 7월 공모주 청약 일정
- Oracle
- Stock
- IPO
- JavaScript
- 주식 청약 일정
- 6월 공모주 청약 일정
- 공모주
- 코드이그나이터
Archives
- Today
- Total
개발자의 끄적끄적
[HTML] prefers-color-scheme . html에 다크모드에 맞춰서 스타일 변경하기 [펌] 본문
728x90
반응형
[HTML] prefers-color-scheme . html에 다크모드에 맞춰서 스타일 변경하기 [펌]
요즘 다음 뉴스도 적용되었길레 조사해봤음.
prefers-color-scheme 값은 light와 dark 만 가질 수 있다.
나머지 다른 값들은 무시됨.
chrome 76부터 지원
사파리 12.1 부터 지원
IOS 사파리 13 부터 지원
[ ▼ 참고 Source ]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
.themed { display: block; width: 10em; height: 10em; background: black; color: white; } /* light 모드일 때의 스타일 재선언 */ @media (prefers-color-scheme: light) { .themed { background: white; color: black; } } /* dark 모드일 때의 스타일 재선언 */ @media (prefers-color-scheme: dark) { .themed { background: black; color: white; } } |
반응형
'개발 > html & css' 카테고리의 다른 글
[html/css] IE img label for 클릭 안될때 처리방법 (0) | 2020.06.15 |
---|---|
[html/css] 버튼 정렬 방법 (0) | 2020.06.02 |
[HTML] referrerpolicy 으로 외부 링크 금지 이미지 회피 [펌] (0) | 2020.05.23 |
[css] IE에서 Input 태그안에 있는 Clear Button 지우는 법 [펌] (0) | 2020.05.14 |
[css] 단위별 폰트크기(px, em, %, pt) (0) | 2020.03.02 |
Comments