Skip to content

Commit 12b106c

Browse files
committed
Added the suggestion to let the renderer rotate or mirror the
background with the writing mode, instead of the author doing it.
1 parent 805abd1 commit 12b106c

1 file changed

Lines changed: 39 additions & 2 deletions

File tree

css4-background/Overview.src.html

Lines changed: 39 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,10 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
4444

4545

4646

47+
<!--
48+
[Will this document use HTML4 or HTML5?]
49+
[The text below is also in the status section, does it need to be repeated?]
50+
4751
<details class=obsolete open>
4852
<summary>Not Ready For Implementation</summary>
4953
<p>
@@ -54,7 +58,7 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
5458
Before attempting to implement this spec,
5559
please contact the CSSWG at www-style@w3.org.
5660
</details>
57-
61+
-->
5862

5963

6064
<h2 class="no-num no-toc" id="abstract">
@@ -805,6 +809,39 @@ <h3 id="the-background-clip">
805809
comma-separated background properties to form each background image
806810
layer.
807811

812+
<div class=issue>
813+
<p>There have been suggestions that automatic adaptation of a
814+
background to the writing mode and direction might be useful. I.e.,
815+
rather than the author providing several mirrored and rotated
816+
versions of the same image, he only provides one image and lets the
817+
CSS renderer transform it.
818+
819+
<p>That could be done, e.g., with a new property
820+
''background-writing-mode'' with as value a set of keywords to
821+
describe if and how an image adapts to the current value of
822+
'writing-mode' and 'direction'. (As many sets of keywords as there
823+
are background layers.) Possible values are:
824+
825+
<dl>
826+
<dt>ltr, rtl, rl-ltr, rl-rtl, lr-ltr, lr-rtl <dd>Indicates the image
827+
is designed for, respectively, horizontal left-to-right elements,
828+
horizontal right-to-left elements, vertical left-to-right
829+
elements...
830+
831+
<dt>may-rotate <dd>Indicates that the image may be rotated 90
832+
degrees if the element's writing mode is diffferent from what the
833+
image was designed for.
834+
835+
<dt>may-mirror <dd>Indicates that the image may be mirrored if the
836+
element's direction is different than what the image was designed
837+
for.
838+
839+
<dt>may-position <dd>Indicates that the 'background-position' values
840+
can be rotated and/or mirrored if the element's writing-mode and/or
841+
direction is different from what the image was designed for.
842+
</dl>
843+
</div>
844+
808845
<h3 id="the-background-origin">
809846
The 'background-origin' property</h3>
810847

@@ -1715,7 +1752,7 @@ <h2 id="corners">
17151752
Shaped Corners</h2>
17161753

17171754
<h3 id="the-border-radius">
1718-
The 'border-radius' properties</h2>
1755+
The 'border-radius' properties</h3>
17191756

17201757
<table class=propdef>
17211758
<tr>

0 commit comments

Comments
 (0)