border-shape: the future of the non-rectangular web

border-shape: the future of the non-rectangular Web

摘要

border-shape 是一项全新的 CSS 属性，允许开发者自定义元素的边框形状，突破了传统矩形边框的限制。它不仅支持基本形状如圆形和多边形，还能通过 shape() 函数绘制复杂路径，甚至支持 SVG 路径数据。与 corner-shape 不同，border-shape 能够实现更复杂的非标准形状，如工具提示和波浪边框。目前已在 Chrome Canary 146+ 中开启实验性功能进行测试，为网页设计带来了更多可能性。