The CSS Propertie corner-block-end-shape

מאפיין הקיצור corner-block-end-shape קובע את צורת שתי הפינות בקצה ה-block-end (לוגית) — מקביל ל-corner-bottom-shape במצב כתיבה אופקי-LTR. ערך יחיד חל על שתי הפינות בצד; שני ערכים — הראשון לפינת inline-start והשני לפינת inline-end.

.card { corner-block-end-shape: squircle; }

.tab { corner-block-end-shape: bevel bevel; 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