CODEWITHSUNDEEP
csswebkit
eonil
eonil

Reputation: 85975

What is the width: -moz-available equivalent in WebKit?

What is the width: -moz-available equivalent in WebKit?

Upvotes: 6

Views: 9435

Answers (2)

Henry
Henry

Reputation: 1469

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.

Upvotes: 15

greim
greim

Reputation: 9437

This worked for me in Chrome:

box-sizing: border-box;

Upvotes: 8

Related Questions