מאפיין corner-top-left-shape קובע את צורת הפינה הימנית-עליונה (במצב כתיבה LTR) או השמאלית-עליונה (במצב RTL) של תיבה, בתוך אזור ה-border-radius. מאפשר ליצור פינות superellipse מותאמות — מ-round רגיל ועד notch קוצני.
roundצורת רבע של אליפסה convex (קמורה). שקול ל-superellipse(1). זו ברירת המחדל וההתנהגות הקלאסית של border-radius.squircleצורה בין round ל-square — עקומה convex מתונה. שקול ל-superellipse(2). מתאים לאייקונים בסגנון iOS.squareזווית convex של 90deg. שקול ל-superellipse(infinity). מראה זהה לפינה חדה רגילה אך אפשר לאנימציה.bevelקו אלכסוני ישר — לא convex ולא concave. שקול ל-superellipse(0).scoopצורת רבע של אליפסה concave (קעורה — "חתוכה פנימה"). שקול ל-superellipse(-1).notchזווית concave של 90deg — חיתוך קוצני פנימה. שקול ל-superellipse(-infinity).superellipse()פונקציה מותאמת — מקבלת מספר K (או infinity / -infinity). הצורה היא רבע של superellipse עם מעריך 2^K. K חיובי = convex, K שלילי = concave.CSS Borders and Box Decorations Module Level 4Editor's DraftW3CMDNShow all codeערוך CSS און-לייןהתוסף שזוכר עבורך מאות פריטי CSSכל פרופרטי CSS — בהדגמה חיהמקור הייחוס הדו-לשוני ל-CSSהגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותיתpreviousnext