מגדיר צורה שרירותית לגבול האלמנט — במקום גבול מלבני רגיל, ניתן להשתמש בכל צורה בסיסית (פוליגון, עיגול, נתיב ועוד). הגבול מצויר על הנתיב שהצורה מגדירה, וגוזר את התוכן הפנימי בהתאם.
border-shape: polygon(0% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%);border: 4px solid navy;
border-shape: path('M 0,0 L 200,0 L 200,150 Q 200,200 150,200 L 0,200 Z');
noneברירת המחדל — אין צורה מיוחדת לגבול. האלמנט מציג גבול מלבני רגיל בהתאם לערכי border-radius ו-corner-shape הנוכחיים.border-boxתיבת הייחוס לצורה היא border-box של האלמנט.content-boxתיבת הייחוס לצורה היא content-box של האלמנט.fill-boxתיבת הייחוס לצורה היא fill-box (SVG — תיבת המילוי האובייקטיבית).margin-boxתיבת הייחוס לצורה היא margin-box של האלמנט.padding-boxתיבת הייחוס לצורה היא padding-box של האלמנט.stroke-boxתיבת הייחוס לצורה היא stroke-box (SVG — תיבת המכחול).view-boxתיבת הייחוס לצורה היא view-box (SVG — ה-viewport של ה-SVG הקרוב ביותר).reference boxתיבת ייחוס כללית המגדירה את מערכת הקואורדינטות לצורת הגבול.equivalent pathנתיב שוות-ערך המתאר את הצורה הנוכחית של הגבול כנתיב SVG.polygon()מגדיר גבול בצורת פוליגון מרובה פינות, על ידי רשימת נקודות (x, y). הגבול מצויר על הצלעות שבין הנקודות.circle()מגדיר גבול בצורת עיגול עם רדיוס ומרכז מצוינים. הגבול מצויר לאורך היקף העיגול.ellipse()מגדיר גבול בצורת אליפסה עם שני רדיוסים ומרכז מצוינים. הגבול מצויר לאורך היקף האליפסה.inset()מגדיר גבול בצורת מלבן עם הזזה פנימה מכל צד, ואפשרות לפינות מעוגלות. שימושי ליצירת גבולות מלבניים מוטים פנימה.path()מגדיר גבול בצורת נתיב SVG שרירותי. מאפשר את הגמישות המרבית ביצירת גבולות בכל צורה שניתן לתאר ב-SVG.shape()מגדיר גבול בצורה מבוססת פקודות נתיב CSS (move-to, line-to, arc וכו'). גרסת CSS מודרנית לפונקציית path(), עם תמיכה ביחידות CSS ואחוזים.CSS Borders and Box Decorations Module Level 4W3C Working Draft (26 March 2026)none W3CShow all codeערוך CSS און-לייןהתוסף שזוכר עבורך מאות פריטי CSSכל פרופרטי CSS — בהדגמה חיהמקור הייחוס הדו-לשוני ל-CSSהגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותיתpreviousnext