CSS content-size

The content-size size property allows developers to specify a placeholder size which would be used for content under size containment which is not yet rendered or ready for display. Currently, with size containment, elements lay out as if they were empty. With size containment and content-size specified, elements lay out as if they had a single child with fixed size (specified by content-size).

The motivation for the property is to provide a placeholder sizing for subtree content which is either not yet available or not rendered. There is currently no way to provide with with size containment, other than sizing the element itself which may not be desirable as it affects how the element lays out in its container.

Documentation

• https://github.com/WICG/display-locking/blob/master/explainer-new.md
• https://github.com/w3c/csswg-drafts/issues/4229

Specification

Editor's draft

Status in Chromium

Blink components: Blink>Layout

Proposed (tracking bug)

Consensus & Standardization

• Firefox: No public signals
• Edge: No public signals
• Safari: No public signals
• Web Developers: No signals

Owners

• vmpstr@chromium.org
• tabatkins@chromium.org
• chrishtr@chromium.org

Last updated on 2019-08-26