This page is Ready to Use

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

wrap-through

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.

Examples

/* 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

CSS Exclusions Module Level 1
Editor’s Draft

See also

Other articles

wrap-flow