# 웹플랫폼 Baseline 2023

> Clean Markdown view of GeekNews topic #12446. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=12446](https://news.hada.io/topic?id=12446)
- GeekNews Markdown: [https://news.hada.io/topic/12446.md](https://news.hada.io/topic/12446.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2023-12-21T09:46:01+09:00
- Updated: 2023-12-21T09:46:01+09:00
- Original source: [web.dev](https://web.dev/blog/baseline2023)
- Points: 11
- Comments: 2

## Topic Body

- Baseline: 웹플랫폼의 기능을 주요 브라우저에서 사용할 준비가 되었는지를 알려주는 기준선. 2단계(Newly로 들어와서, 30개월후 Widely가 됨)  
  - 이제 Can I Use 사이트에도 Baseline이 도입되어 특정 기능에서는 Newly/Widly 뱃지가 보여짐   
- 엘리먼트 Size Container Query   
- 새로운 컬러공간 및 함수들 : sRGB 색 영역을 벗어난 색에 접근 가능, lch()/lab()/oklch()/oklab(), color-mix(), color()  
- Compression Streams API   
- Offscreen Canvas : DOM 과 분리되어서 렌더링됨. 속도 향상 및 WebWorker 지원이 가능해짐   
- Module Preload 지원   
- 삼각함수가 베이스라인에 포함됨: sin(), cos(), tan(), asin(), acos(), atan(), atan2()   
- inert 속성 : 설정시 움직이지 못하게 되어서 인터랙션이 불가능해짐 (click 이벤트 발생 안됨. 포커스 못받음. 접근성 트리에서 제외)  
- CSS Grid 레이아웃에서 Subgrid 지원   
- NumberFormat V3   
- Fullscreen API   
- CSS :has() 셀렉터   
- 그외 올해 Baseline에 추가된 기능들   
  - Constructable Stylesheets  
  - Complex nth-child selectors in CSS  
  - The range syntax for media queries  
  - Import Maps  
  - Multiple values for CSS display  
  - @counter-style  
  - The counter-set CSS property  
  - The linear() easing function  
  - Origin Private File System (OPFS)  
  - CSS Nesting, including the change that adds relaxed parsing.  
  - CSS :dir() pseudo-class selector  
  - CSS cap length unit  
  - CSS masking  
  - Media query support for HTML video <source> elements  
  - The HTML <search> element  
  - Lazy loading of <iframe> elements (landing in Firefox 121 on December 19th)  
  - The lh and rlh CSS line-height units

## Comments



### Comment 21641

- Author: [hidden]
- Created: 2023-12-21T15:33:25+09:00
- Points: 1

[숨김 처리된 댓글입니다]

### Comment 21621

- Author: kyc1682
- Created: 2023-12-21T11:00:36+09:00
- Points: 1

CSS에 멋진 기능이 많이 추가되서 행복해요