한 줄 요약 - WWDC26에서 공개된 Safari 27 베타가 차기 CSS/웹 기능을 58가지나 한꺼번에 예고했습니다. 그동안 Chrome과 Firefox가 앞서가던 기능들을 Safari가 따라오기 시작했다는 신호예요.
무슨 일이에요?
매년 WWDC 시점에 WebKit은 다음 Safari가 담을 기능을 미리 공개합니다. 이번 Safari 27 베타에는 특히 CSS 신기능이 많이 들어왔어요. 아직 정식 출시 전 베타 단계라 세부는 바뀔 수 있지만, 방향을 읽기에는 충분합니다.
눈에 띄는 것들
:heading 가상클래스 - h1부터 h6까지 제목 요소를 한 번에 고르는 선택자. 제목 스타일을 묶어 관리하기 쉬워집니다.
revert-rule 키워드 - 특정 스타일 규칙을 이전 단계 값으로 되돌리는 제어.
box-sizing: stretch - 콘텐츠에 맞춰 늘어나는 새 박스 크기 모드.
앵커 포지셔닝(Anchor Positioning) - 툴팁이나 팝오버를 기준 요소에 CSS만으로 붙이는 기능. Chrome에 이어 Safari도 합류합니다.
커스터마이저블 select - 드롭다운을 CSS로 자유롭게 꾸미는 appearance: base-select 계열 기능.
정리
핵심은 브라우저 간 격차가 좁혀진다는 점입니다. 앵커 포지셔닝이나 팝오버처럼 이 사이트에서 이미 데모로 만들어 둔 기능들도 Safari 지원이 더해지면 폴백 없이 쓸 날이 가까워집니다. 아래 관련 데모에서 그 기능들을 미리 확인해 보세요. 다만 베타 단계이므로 실제 배포에 적용하기 전에는 지원 현황을 다시 확인하세요.