wrap-through

< css‎ | properties
Jump to: navigation, search

wrap-through

This article is Ready to Use.


W3C Editor's Draft

Summary

Specifies whether an element inherits its parent's wrapping context as defined by the wrap-flow property.

Overview table

Initial value wrap
Applies to Block-level elements
Inherited No
Media visual
Computed value As specified
Animatable No
CSS Object Model Property

Syntax

  • wrap-through: none
  • wrap-through: wrap


Values

wrap
The element inherits its parent node's wrapping context. Its descendant inline content wraps around exclusions defined outside the element.
none
The element ignores its parent's wrapping context. Its descendent inline content only wraps around exclusions defined inside this element.


Compatibility

There is no data available for topic "css", feature "wrap-through". If you think that there should be data available, consider opening an issue.


Examples

CSS

/* wrap */
.exelem1 {
wrap-through: wrap;
}

/* none */
.exelem2 {
wrap-through: none;
}

Usage

Top half of image below illustrates "wrap-through:wrap"; bottom half illustrates "wrap-through:none".

wrap-flow:start applied to grid positioned elements


Related specifications

Specification Status Related Changes
CSS Exclusions Module Level 1 Editor's Draft

See also

Other articles

wrap-flow