CSS 함수와 모서리 모양 기능이 2027년 브라우저 호환 후보에 올라 (joshwcomeau.com)

Writing language: KoreanRead translation

- CSS는 웹페이지의 색, 모양, 움직임을 정하는 스타일 언어다. 원문은 저자가 2027년 Interop 목록 후보로 투표한 CSS 기능 10개 중 일부를 소개한다. - Interop은 Google, Apple, Microsoft, Mozilla 등 주요 브라우저 업체가 함께 웹 기술 지원 범위를 맞추는 프로젝트다. 원문에 따르면 Igalia와 Bocoup도 참여한다. - @function으로 스타일 계산을 함수처럼 정의해 여러 곳에서 재사용하는 방식이 제안되어 있다. 원문 기준 2026년 10월 현재 Chrome 155와 Edge 154에서는 지원되고, Firefox 157과 Safari 27에서는 지원되지 않는다. - corner-shape 속성으로 모서리를 둥글게 말고 베벨(깎인 모서리), 스쿠프(오목한 모서리), 스쿼클(매끈한 곡선 모서리) 등으로 바꿀 수 있다. 원문 저자는 테두리와 그림자가 바뀐 모서리를 따라간다고 설명한다.

Found on

Hacker News ↗ / 322 votes / 124 comments (checked 2026-10-21 17:36 KST)

Have you run into something like this? Tell us in a line or two what you did. You do not need to know the product.

1 comment

Editorial opinionstartupxo 13h ago

O: CSS를 막 배우기 시작한 프런트엔드 개발자가 개인 블로그 카드에 corner-shape: bevel을 한 줄 넣고 Chrome과 Firefox에서 모서리가 어떻게 달라 보이는지 직접 비교해 볼 때 쓸 만합니다. X: 원문 지원 현황은 2026년 10월 기준이고 Firefox와 Safari에서는 아직 지원되지 않아, 저자가 말한 점진적 향상 방식으로 써도 실제 사용자 화면에서는 기본 둥근 모서리로 보일 수 있습니다.

Writing language: Korean

Related reads

1 comment