forked from SchemaStore/schemastore
-
Notifications
You must be signed in to change notification settings - Fork 0
/
css-module-image-values-replaced-content.xml
33 lines (28 loc) · 3.03 KB
/
css-module-image-values-replaced-content.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?xml version="1.0" encoding="utf-8"?>
<CssModule name="Regions" standard-reference="http://www.w3.org/TR/css4-images/" status="WD" pub-date="2012-09-11">
<CssProperty name="image-orientation" version="3.0" browsers="FF26" restriction="angle" syntax="img.ninety { $(name): 90deg; }" description="Specifies an orthogonal rotation to be applied to an image before it is laid out." standard-reference="http://www.w3.org/TR/css4-images/#image-orientation">
<entry value="from-image" description="If the image has an orientation specified in its metadata, such as EXIF, this value computes to the angle that the metadata specifies is necessary to correctly orient the image." />
</CssProperty>
<CssProperty name="image-rendering" version="3.0" browsers="C,FF3.6,O11.6,S" restriction="enum" syntax="img.ninety { $(name): 90deg; }" description="Provides a hint to the user-agent about what aspects of an image are most important to preserve when the image is scaled, to aid the user-agent in the choice of an appropriate scaling algorithm." standard-reference="https://drafts.csswg.org/css-images-3/#the-image-rendering">
<entry value="auto" />
<entry value="pixelated" />
</CssProperty>
<CssProperty name="image-resolution" version="3.0" browsers="none" restriction="resolution" syntax="img.high-res { $(name): 300dpi; }" description="Specifies the intrinsic resolution of all raster images used in or on the element." standard-reference="http://www.w3.org/TR/css4-images/#image-resolution">
<entry value="from-image" description="The image's intrinsic resolution is taken as that specified by the image format. If the image does not specify its own resolution, the explicitly specified resolution is used (if given), else it defaults to '1dppx'." />
<entry value="snap" description="If the 'snap' keyword is provided, the computed resolution (if any) is the specified resolution rounded to the nearest value that would map one image pixel to an integer number of device pixels." />
</CssProperty>
<CssProperty name="object-fit" version="3.0" browsers="C32,FF36,O19,S7.1" restriction="enum" syntax="p { $(name): cover; }" description="The object-fit property specifies how the contents of a replaced element should be scaled relative to the box established by its used height and width." standard-reference="http://www.w3.org/TR/css4-images/#object-fit">
<entry value="fill" />
<entry value="contain" />
<entry value="cover" />
<entry value="none" />
<entry value="scale-down" />
</CssProperty>
<CssProperty name="object-position" _locComment="In the 'syntax' attribute, translate only the leading word 'Example:'." version="3.0" browsers="C32,FF36,O19" restriction="enum, length, percentage" syntax="img { $(name): left top; }" description="Determines the alignment of the replaced element inside its box." standard-reference="http://www.w3.org/TR/css4-images/#object-position">
<entry value="top" />
<entry value="bottom" />
<entry value="left" />
<entry value="center" />
<entry value="right" />
</CssProperty>
</CssModule>