shape-inside
Wraps text inside a custom shape.
Draft โ This property is defined in a W3C Draft and may be subject to change
Formal Syntax
auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display
JavaScript Access
// Access via element.style
element.style.shapeInside = 'auto';
Browser Support
This property is defined in a W3C Draft and may be subject to change. Browser support data is not yet available.
Related Properties
- backdrop-filter
- background-blend-mode
- box-shadow
- clip-path
- clip-rule
- color-interpolation
- color-interpolation-filters
- color-scheme
- filter
- flood-color
- flood-opacity
- forced-color-adjust
- image-orientation
- image-rendering
- isolation
- lighting-color
- mask
- mask-border
- mask-border-outset
- mask-border-repeat
- mask-border-slice
- mask-border-source
- mask-border-width
- mask-clip
- mask-composite
- mask-image
- mask-mode
- mask-origin
- mask-position
- mask-repeat
- mask-size
- mask-type
- mix-blend-mode
- object-fit
- object-position
- opacity
- paint-order
- print-color-adjust
- shape-image-threshold
- shape-margin
- shape-outside
- stop-color
- stop-opacity
- text-shadow
- object-view-box ๐งช
- box-shadow-blur ๐ง
- box-shadow-color ๐ง
- box-shadow-offset ๐ง
- box-shadow-position ๐ง
- box-shadow-spread ๐ง
- image-resolution ๐ง
- mask-border-mode ๐ง
- shape-padding ๐ง
- shape-subtract ๐ง
- clip ๐๏ธ
- color-adjust ๐๏ธ