# Safari 15.4에 추가된 새 WebKit 기능들

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=6184](https://news.hada.io/topic?id=6184)
- GeekNews Markdown: [https://news.hada.io/topic/6184.md](https://news.hada.io/topic/6184.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-03-19T09:06:01+09:00
- Updated: 2022-03-19T09:06:01+09:00
- Original source: [webkit.org](https://webkit.org/blog/12445/new-webkit-features-in-safari-15-4/)
- Points: 2
- Comments: 0

## Topic Body

### HTML  
- img Lazy로딩  
- dialog, ::backdrop 지원   
### CSS   
- :has()  
- Cascade Layers   
- contain   
- 뷰포트 : svw,lvh,dvmin 같은 *vw, *vh, *vi, *vb, *vmin, *vmax 지원   
- :focus-visible   
- accent-color   
- calc() : sin, cos, tan, e, pi, exp, log, atan, acos, asin, atan2  
### Typography   
- font-palette, @font-palette-values   
- text-decoration-skip-ink   
- ic 유닛 추가 (CJK에 유용)  
### Web APIs  
- BroadcastChannel  
- Web Locks API   
- windows.scroll()/scrollTo()/scrollBy() 에서 CSS scroll-behavior 속성 지원   
### JavaScript   
- findLast(), findLastIndex()   
- at()   
- Obejct.hasOwn()   
### Internationalization  
- Intl Enumeration API  
- Intl.Locale V2  
- Intl.DisplayNames V2  
- Intl.NumberFormat V3  
### Web Apps   
- Web App Manifest 홈스크킨에 추가할때 만이 아니라 항상 가져오게 개선  
  - 아이콘 지원   
- ServiceWorker 에서 Navigation Preload 활성화 가능   
### Media   
- WebRTC perfect negotiation 지원을 WebRTC 1.0 표준에 맞게   
- video 태그에 requestVideoFrameCallback() 지원   
### Security   
- Content Security Policy Level 3 지원 향상   
### WKWebView   
- WKPreferences 로 사용자 속성 제어   
- Fullscreen API 허용/불허 제어   
### Safari Web Extensions  
- manifest_version 3 지원 및 관련 API 변경 적용   
### Web Inspector  
- Styles 판넬에 Cascade Layer / @layer 지원   
- align-content, align-items, align-self, justify-content, justify-items, justify-self 의 값 설정을 쉽게   
- 새 속성 추가시 자동 완성 지원

## Comments



_No public comments on this page._