The CSS Propertie corner-bottom-left-shape

מאפיין corner-bottom-left-shape קובע את צורת הפינה הימנית-תחתונה (במצב כתיבה LTR) או השמאלית-תחתונה (במצב RTL) של תיבה, בתוך אזור ה-border-radius. מאפשר ליצור פינות superellipse מותאמות.

.card { corner-bottom-left-shape: squircle; }

.speech-bubble { corner-bottom-left-shape: notch; border-radius: 24px; }

roundצורת רבע של אליפסה convex. שקול ל-superellipse(1). ברירת המחדל.

squircleצורה בין round ל-square. שקול ל-superellipse(2).

squareזווית convex של 90deg. שקול ל-superellipse(infinity).

bevelקו אלכסוני ישר. שקול ל-superellipse(0).

scoopרבע של אליפסה concave. שקול ל-superellipse(-1).

notchזווית concave של 90deg. שקול ל-superellipse(-infinity).

superellipse()פונקציה מותאמת — מקבלת K (או infinity / -infinity). הצורה היא רבע של superellipse עם מעריך 2^K.

CSS Borders and Box Decorations Module Level 4

Editor's Draft

W3C MDN

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next