The corner-start-start-shape property sets the shape of the block-start/inline-start corner (logical) — maps to corner-top-left-shape in horizontal-tb LTR writing mode. Depends on writing-mode and direction..card {
corner-start-start-shape: squircle;
}.panel {
corner-start-start-shape: superellipse(2.5);
border-radius: 20px;
writing-mode: vertical-rl;
}roundConvex quarter-ellipse. Equivalent to superellipse(1). Default.squircleCurve between round and square. Equivalent to superellipse(2).squareConvex 90deg angle. Equivalent to superellipse(infinity).bevelStraight diagonal line. Equivalent to superellipse(0).scoopConcave quarter-ellipse. Equivalent to superellipse(-1).notchConcave 90deg angle. Equivalent to superellipse(-infinity).superellipse()Takes K (or infinity / -infinity). Quarter superellipse with exponent 2^K.CSS Borders and Box Decorations Module Level 4Editor's DraftW3CMDNShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
