![]() You must set the height and width of the element. The image must have intrinsic dimensions. The image can be positioned with these values. The CSS shape-outside property provides functionality to create these shape functions: The shape function is used to change the shape of the float area of the shape. The shape-outside property takes a “basic shape” and applies a shape function to it. The text that is wrapped can take the shape of a circle, ellipse, rectangle or polygon. The CSS shape-outside property controls how text wraps around any floated image. The most important take away from that description is this new property applies to images that uses a float. Here is how MDN describes shape-outside: The shape-outside CSS property uses shape values to define the float area for a float and will cause inline content to wrap around the shape instead of the float’s bounding box. Instead of being limited to a rectangular bounding box around the image, shape-outside allows us to shape content to fit the image. Shape-outside is a new CSS property that changes the shape of items that are wrapped. Shape-outsideĪ new CSS property called shape-outside lets you wrap text that conforms to the shape of your image. If you have an image that is a circle that you want to wrap text around, it will wrap around the images’ bounding box.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |