Summary: The 'object-fit' and 'object-position' properties allow web developers to customize how a replaced element's content gets scaled and positioned to fit the element's content-box. (i.e. how an image or a video gets scaled/positioned inside of an <img>/<video> tag) The 'object-fit' property lets authors request e.g. 'contain' or 'cover' behavior (or several other behaviors), and 'object-position' lets the them specify how the content should be aligned when there's extra space available. Together, these properties provide similar functionality to the preserveAspectRatio attribute in SVG.
Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=624647 Link to standard: http://dev.w3.org/csswg/css-images-3/#the-object-fit http://dev.w3.org/csswg/css-images-3/#the-object-position Platform coverage: All Estimated or target release: Firefox 35 Preference behind which this will be implemented: layout.css.object-fit-and-position.enabled NOTE: Last night, I landed preffed-off support for these properties, *just in CSS* (from bug 1055285) -- i.e. layout doesn't make use of them yet. (So, in tomorrow's nightly with the pref toggled, the properties can be parsed and can be inspected via getComputedStyle(), but they have no effect on rendering for now.) ~Daniel _______________________________________________ dev-platform mailing list dev-platform@lists.mozilla.org https://lists.mozilla.org/listinfo/dev-platform