Intent to Implement: CSS content-size

Skip to first unread message

Vladimir Levin

Aug 23, 2019, 4:30:35 PM8/23/19
to blink-dev,, Chris Harrelson

Contact emails,,


Explainer in the context of display locking (a motivating example):

Explainer in the spec draft (introduction section):

Spec draft:


The content-size size property allows the developer 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).


Interoperability and Compatibility

This is a new feature which can be feature detected. If unavailable, the behavior may be approximated by sizing the size-contained element directly. In other words, the desired behavior can be reproduced on a case-by-case basis with manipulating the element size.

Other UAs: No signals yet

Web developers: No signals yet


The content-size property only has an effect when size containment is present, and extends size containment by allowing content to be sized by the developer.

Link to entry on the feature dashboard

Requesting approval to ship?


Vladimir Levin

Oct 23, 2019, 11:12:47 AM10/23/19
to blink-dev,, Chris Harrelson
Please note that due to some feedback from CSSWG, this is now replaced with a few css properties that specify intrinsic size:
longhands: intrinsic-width, intrinsic-height, intrinsic-block-size, intrinsic-inline-size
shorthands: intrinsic-size

Christian Biesinger

Oct 27, 2019, 6:31:27 PM10/27/19
to Vladimir Levin, blink-dev,, Chris Harrelson
For reference, this naming change was discussed in

> --
> You received this message because you are subscribed to the Google Groups "blink-dev" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to
> To view this discussion on the web visit
Reply all
Reply to author
0 new messages