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 | 31 |
Tags
- CSS
- 가상클래스
- regexp
- Flex
- row-gap
- JavaScript
- HASH
- 코딩일기
- CLASS
- DOM
- 친해지기
- 코드일기
- 코드다이어리
- column-gap
- 코딩문제
- 코딩테스트
- tailwindcss
- 코딩퀴즈
- frontend
- 선택자
- js
- Coda
- 웹폰트
- Pseudo
- sass
- Grid
- display
- property
- 정규식표현
- HTML
Archives
- Today
- Total
목록@supports (1)
< Code diaries />
@support
1. 브라우저의 css 속성 지원여부에 따라 다른 값을 지정할 수 있다.// 모든 브라우저에 적용되는 기본값 지정.wrap { display:flex;}// 만약 브라우저가 grid를 지원한다면@supports(display:grid) { .wrap { display:grid; }}// 만약 브라우저가 flex를 지원하지 않는다면@supports not ( display:flex ) { .wrap { float:left; }} 2. 논리 연산자 사용가능// 부정을 부정하여 무효화 하기 가능@supports not ( not( display:flex ) ) {}// 논리연산자 함께 쓰기// flex와 grid를 둘다 지원하지 않는다면@supports not ( (display:f..
CSS - Advanced
2024. 6. 8. 19:50