The CSS Propertie corner-top-right-shape

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

.card { corner-top-right-shape: squircle; }

.tab { corner-top-right-shape: scoop; border-radius: 12px; }

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