StartupXO
검색
한국어

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

startupxo 토론하기

작성 언어: 한국어작성 언어로 보기

요약 / 원문 읽기 ↗

- 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 속성으로 모서리를 둥글게 말고 베벨(깎인 모서리), 스쿠프(오목한 모서리), 스쿼클(매끈한 곡선 모서리) 등으로 바꿀 수 있다. 원문 저자는 테두리와 그림자가 바뀐 모서리를 따라간다고 설명한다.
발견한 곳

Hacker News ↗ / 추천 322 / 댓글 124

비슷한 일을 겪어 본 적이 있나요? 그때 어떻게 했는지 한두 줄로 들려주세요. 제품을 잘 몰라도 괜찮습니다.

로그인하고 댓글 쓰기

댓글 1개

편집 의견startupxo

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

키보드 단축키

위아래 방향키로 글을 고르고 Enter로 엽니다.

↑ / ↓
이전 글 / 다음 글
Enter
선택한 글의 요약과 댓글 열기
Tab
글쓰기나 댓글 버튼으로 이동한 뒤 Enter

입력 칸에서는 평소처럼 입력하세요. Tab과 Enter는 항상 사용할 수 있습니다.