Skip to content

Commit dc9a65f

Browse files
committed
[css-images-3] image-orientation: from-image | none applies to decorative images as well as content images. w3c#5245 w3c#5294
1 parent a3d85b2 commit dc9a65f

File tree

1 file changed

+15
-3
lines changed

1 file changed

+15
-3
lines changed

css-images-3/Overview.bs

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1530,16 +1530,22 @@ Image Processing {#image-processing}
15301530
unless use cases other than “correct for incorrect orientation” are raised for its other values.
15311531

15321532
This property specifies an orthogonal rotation to be applied to an image before it is laid out.
1533-
It applies only to content images
1533+
It applies to content images
15341534
(e.g. replaced elements and generated content),
1535-
not decorative images
1535+
as well as decorative images applied via CSS
15361536
(such as 'background-image').
1537-
CSS layout processing applies to the image <em>after</em> rotation.
1537+
It does not apply to the rendering of images outside the document,
1538+
e.g. favicons in the UA’s navigation toolbars or menus, etc.
1539+
1540+
CSS layout processing applies to the image <em>after</em> rotation,
1541+
exactly as if the image were originally encoded in its rotated form.
15381542
This implies, for example:
15391543

15401544
* The intrinsic height and width are derived from the rotated rather than the original image dimensions.
15411545
* The height (width) property applies to the vertical (horizontal) dimension of the image,
15421546
<em>after</em> rotation.
1547+
* The hotspot coordinates of an image 'cursor' are relative to the image after rotation.
1548+
* Border images (see 'border-image') are sliced after rotation.
15431549

15441550
Values have the following meanings:
15451551

@@ -1570,13 +1576,19 @@ Image Processing {#image-processing}
15701576
rounding away from 0
15711577
(so ''45deg'' rounds to ''90deg'', etc).
15721578

1579+
This value only applies to content images;
1580+
decorative images continue to behave as ''from-image''.
1581+
15731582
<dt><dfn><<angle>>? flip</dfn>
15741583
<dd>
15751584
Identical to the plain <<angle>> case,
15761585
except that after rotation the image is flipped horizontally.
15771586
If the <<angle>> is omitted,
15781587
it defaults to ''0deg''.
15791588

1589+
This value only applies to content images;
1590+
decorative images continue to behave as ''from-image''.
1591+
15801592
Note: This value is only necessary to represent all 8 possible EXIF orientations that <a value for=image-orientation>from-image</a> can produce.
15811593
</dl>
15821594

0 commit comments

Comments
 (0)