- 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