-<div data-fill-with=table-of-contents><ul class=toc><li><a href=#intro><span class=secno>1</span> <span class=content>Introduction</span></a><li><a href=#image-values><span class=secno>2</span> <span class=content>Image Values: the <span class=production data-link-type=type title="<image>"><image></span> type</span></a><ul class=toc><li><a href=#url-notation><span class=secno>2.1</span> <span class=content>Image References and Image Slices: the <span class=production data-link-type=type title="<url>"><url></span> type and <span class=css>url()</span> notation</span></a><li><a href=#image-notation><span class=secno>2.2</span> <span class=content>Image Fallbacks and Annotations: the <span class=css data-link-type=maybe title=image()>image()</span> notation</span></a><ul class=toc><li><a href=#image-fallbacks><span class=secno>2.2.1</span> <span class=content>Image Fallbacks</span></a><li><a href=#image-fragments><span class=secno>2.2.2</span> <span class=content>Image Fragments</span></a><li><a href=#color-images><span class=secno>2.2.3</span> <span class=content>Solid-color Images</span></a></ul><li><a href=#image-set-notation><span class=secno>2.3</span> <span class=content>Resolution Negotiation: the <span class=css data-link-type=maybe title=image-set()>image-set()</span> notation</span></a><li><a href=#cross-fade-function><span class=secno>2.4</span> <span class=content>Combining images: the <span class=css data-link-type=maybe title=cross-fade()>cross-fade()</span> notation</span></a></ul><li><a href=#gradients><span class=secno>3</span> <span class=content>Gradients</span></a><ul class=toc><li><a href=#linear-gradients><span class=secno>3.1</span> <span class=content>Linear Gradients: the <span class=css data-link-type=maybe title=linear-gradient()>linear-gradient()</span> notation</span></a><li><a href=#radial-gradients><span class=secno>3.2</span> <span class=content>Radial Gradients: the <span class=css data-link-type=maybe title=radial-gradient()>radial-gradient()</span> notation</span></a><li><a href=#repeating-gradients><span class=secno>3.3</span> <span class=content>Repeating Gradients: the <span class=css data-link-type=maybe title=repeating-linear-gradient()>repeating-linear-gradient()</span>, <span class=css data-link-type=maybe title=repeating-radial-gradient()>repeating-radial-gradient()</span>, and <span class=css>repeating-conic-gradient()</span> notations</span></a><li><a href=#color-stop-syntax><span class=secno>3.4</span> <span class=content>Gradient Color-Stops</span></a></ul><li><a href=#sizing><span class=secno>4</span> <span class=content>Sizing Images and Objects in CSS</span></a><ul class=toc><li><a href=#sizing-terms><span class=secno>4.1</span> <span class=content>Object-Sizing Terminology</span></a><li><a href=#object-negotiation><span class=secno>4.2</span> <span class=content>CSS⇋Object Negotiation</span></a><li><a href=#concrete-size-resolution><span class=secno>4.3</span> <span class=content>Concrete Object Size Resolution</span></a><ul class=toc><li><a href=#default-sizing><span class=secno>4.3.1</span> <span class=content>Default Sizing Algorithm</span></a><li><a href=#cover-contain><span class=secno>4.3.2</span> <span class=content>Cover and Contain Constraint Sizing</span></a></ul><li><a href=#object-sizing-examples><span class=secno>4.4</span> <span class=content>Examples of CSS Object Sizing</span></a><li><a href=#the-object-fit><span class=secno>4.5</span> <span class=content>Sizing Objects: the <span class=property data-link-type=propdesc title=object-fit>object-fit</span> property</span></a><li><a href=#the-object-position><span class=secno>4.6</span> <span class=content>Positioning Objects: the <span class=property data-link-type=propdesc title=object-position>object-position</span> property</span></a></ul><li><a href=#image-processing><span class=secno>5</span> <span class=content>Image Processing</span></a><ul class=toc><li><a href=#the-image-resolution><span class=secno>5.1</span> <span class=content>Overriding Image Resolutions: the <span class=property data-link-type=propdesc title=image-resolution>image-resolution</span> property</span></a><li><a href=#the-image-orientation><span class=secno>5.2</span> <span class=content>Orienting an Image on the Page: the <span class=property data-link-type=propdesc title=image-orientation>image-orientation</span> property</span></a><li><a href=#the-image-rendering><span class=secno>5.3</span> <span class=content>Determing How To Scale an Image: the <span class=property data-link-type=propdesc title=image-rendering>image-rendering</span> property</span></a></ul><li><a href=#interpolation><span class=secno>6</span> <span class=content>Interpolation</span></a><ul class=toc><li><a href=#interpolating-images><span class=secno>6.1</span> <span class=content>Interpolating <span class=production data-link-type=type title="<image>"><image></span></span></a><li><a href=#interpolating-image-combinations><span class=secno>6.2</span> <span class=content>Interpolating cross-fade()</span></a><li><a href=#interpolating-gradients><span class=secno>6.3</span> <span class=content>Interpolating <span class=production data-link-type=type title="<gradient>"><gradient></span></span></a></ul><li><a href=#serialization><span class=secno>7</span> <span class=content>Serialization</span></a><li><a href=#conformance><span class=secno></span> <span class=content>
0 commit comments