המאפיין shape-outside מגדיר צורה - שעשויה להיות לא מלבנית - שסביבה צריך לעטוף תוכן מוטבע סמוך. כברירת מחדל, תוכן מוטבע עוטף את תיבת השוליים שלו; shape-outside מספק דרך להתאים אישית גלישה זו, מה שמאפשר לעטוף טקסט סביב אובייקטים מורכבים במקום תיבות פשוטות.
דוגמא: הגדרת צורת float
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud.
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| margin-box | ✔️ | ✔️ | ✔️ | ✔️ |
| none | ✔️ | ✔️ | ✔️ | ✔️ |
| content-box | ✔️ | ✔️ | ✔️ | ✔️ |
| border-box | ✔️ | ✔️ | ✔️ | ✔️ |
| padding-box | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |