The CSS Propertie corner-end-start-shape

מאפיין corner-end-start-shape קובע את צורת הפינה ב-block-end/inline-start (לוגית) — מקביל ל-corner-bottom-left-shape במצב כתיבה אופקי-LTR. תלוי ב-writing-mode וב-direction.

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

.bubble { corner-end-start-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