CSS -moz-available equivalent in Webkit?

Question

-moz-available equivalent in Webkit?

Answer 1

It's now supported in WebKit as width:-webkit-fill-available, defined in CSS Intrinsic & Extrinsic Sizing Module Level 3 (http://www.w3.org/TR/2012/WD-css3-sizing-20120927/#width-height-keywords).

Contrary to Gecko, which bases its implementation width:-moz-available on CSS basic box model (http://dev.w3.org/csswg/css-box/#the-width-and-height-properties).

Note that both values are defined in different terms; they may function differently in edge cases. Furthermore, in the editor's draft (11 October 2013) of CSS Intrinsic & Extrinsic Sizing Module Level 3, fill-available is now specified as fill.

Answer 2

This worked for me in Chrome:

box-sizing: border-box;