wrap-through

Jump to: navigation, search

wrap-through

This page has been flagged with the following issues:

High-level issues:


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.


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

Compatibility

Desktop

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? ? ? ? ?

Mobile

Feature Android BlackBerry Chrome for mobile Firefox Mobile (Gecko) IE Mobile Opera Mobile Opera Mini Safari Mobile
Basic support ? ? ? ? ? ? ? ?

See also

Other articles

wrap-flow