`stretch` value for height & width.

[nileshprajapati]

Description

The CSS stretch value makes an element’s margin box expand to fill the available space of its containing block along the alignment axis, similar to 100% but applied to the margin box rather than the box defined by box-sizing.

Chromium:: Full Support
WebKit -webkit-fill-available vendor prefixed
Firefox: -moz-available vendor prefixed

.stretch {
  height: stretch;
  width: stretch;
}

Specification

https://www.w3.org/TR/css-sizing-3/

web-feature

stretch

Test Links

No response

Additional Signals

No response

[github-actions]

This comment was automatically generated based on the information you provided. Please don't edit it.

Below is additional information about the web feature (from the web-features project) which is referenced in your proposal.
If this doesn't accurately correspond to your proposal, please update your initial comment to include web-features: <feature-id>.
To find feature IDs, use the web-features explorer.

Feature stretch

• ID: stretch
• Name: stretch
• Description: The stretch CSS keyword expands a box as needed to fit its contents until the maximum size is reached, without preserving the content's preferred aspect ratio.
• Baseline status: Limited Availability
• Docs: height
• Standard positions: Mozilla, WebKit
• More information: See the web-features explorer