@@ -721,123 +721,21 @@ Four-Directional Shorthand Properties: the 'margin', 'padding', 'border-width',
721721 </pre>
722722 </div>
723723
724- <h2 id="background-and-borders">
725- Logical Background and Border Images</h2>
726-
727- [[!CSS3BG]] is handled separately because it can fill an area with specified images,
728- and the area to fill can be rotated or flipped depending on the text flow.
729-
730- <h3 id="background-image-transform-prop">
731- Background Image Transform: The ''background-image-transform'' property</h3>
732-
733- <pre class="propdef">
734- Name : background-image-transform
735- Value : logical | physical | rotate
736- Initial : physical
737- Applies to : all elements
738- Inherited : yes
739- Percentages : n/a
740- Computed value : as specified
741- Animatable : discrete
742- </pre>
743-
744- <p class="issue">
745- is this the right default? we need to investigate which is more common
746-
747- This property defines whether background images are transformed
748- to match to the value of 'writing-mode' property,
749- and whether 'background-size' widths and heights are flow-relative or physical.
750- Values have the following meanings:
751-
752- <dl dfn-type="value" dfn-for="background-image-transform">
753- <dt> <dfn>logical</dfn> </dt>
754- <dd>
755- The values for the 'background-size' property are flow-relative.
756- The background images are transformed to match to the flow-relative axis.
757-
758- <dt> <dfn>physical</dfn> </dt>
759- <dd>
760- The values for the 'background-size' property are physical.
761- The background images remain unchanged.
762-
763- <dt> <dfn>rotate</dfn> </dt>
764- <dd>
765- Similar to ''background-image-transform/logical'' , except that the <a>inline base direction</a> is ignored.
766- The result is affected only by the <a>block flow direction</a> .
767- </dl>
768-
769- <h3 id="background-repeat-prop">
770- The 'background-repeat' property</h3>
771-
772- The ''repeat-x'' and ''repeat-y'' values are physical,
773- but in CSS3 this property can also accept double values
774- to specify horizontal and vertical behaviors separately.
775- The double values are considered flow-relative
776- if the ''background-image-transform/logical'' keyword is specified,
777- otherwise physical.
778-
779- <p class="issue">
780- should also add repeat-horizontal and repeat-vertical for the physical value?
781-
782- <h3 id="border-image-transform-prop">
783- Border Image Transform: The 'border-image-transform' property</h3>
784-
785- <pre class="propdef">
786- Name : border-image-transform
787- Value : logical | physical | rotate
788- Initial : rotate
789- Applies to : All elements, except internal table elements when 'border-collapse' is ''border-collapse/collapse''
790- Inherited : yes
791- Percentages : n/a
792- Computed value : as specified
793- Animatable : discrete
794- </pre>
795-
796- <p class="issue">
797- is this the right initial default?
798-
799- This property defines whether border images are transformed
800- to match to the value of 'writing-mode' property,
801- with the reference writing mode being
802- ''writing-mode: horizontal-tb; direction: ltr'' .
803- Values have the following meanings:
804-
805- <dl dfn-type="value" dfn-for="border-image-transform">
806- <dt> <dfn>logical</dfn> </dt>
807- <dd>
808- The values for the border-image-* properties are flow-relative.
809- The border images are transformed to match to the flow-relative axis.
810-
811- <dt> <dfn>physical</dfn> </dt>
812- <dd>
813- The values for the border-image-* properties are physical.
814- The border images remain unchanged.
815-
816- <dt> <dfn>rotate</dfn> </dt>
817- <dd>
818- Similar to ''border-image-transform/logical'' ,
819- except that the <a>inline base direction</a> is ignored.
820- The result is affected only by the <a>block flow direction</a> .
821- </dl>
822-
823- The following properties use the value of this property
824- to determine how directional mappings are done:
825- <ul>
826- <li> 'border-image-slice'
827- <li> 'border-image-width'
828- <li> 'border-image-outset'
829- <li> 'border-image-repeat'
830- <li> 'border-image'
831- </ul>
832-
833724<h2 id="acknowledgements">Acknowledgements</h2>
834725
835726 Cameron McCormack, David Baron, Shinyu Murakami, Tab Atkins
836727
837728<h2 id="changes">
838729Changes</h2>
839730
840- Changes since the earlier Editors Drafts include:
731+ Changes since the previous Working Draft include:
732+ <ul>
733+ <li> Removing the features for logical background and border-images.
734+ (These ideas may be revisited in a future draft.)
735+ <li> Adding the logical 'border-radius' longhands.
736+ </ul>
737+
738+ Changes between the earlier Editors Drafts and the First Public Working Draft include:
841739 <ul>
842740 <li> Making all properties cascade using the <a>writing mode</a> specified on the element, not on its parent.
843741 <li> Making the ordering of longhands within 'margin' -like shorthands put inline-start before inline-end.
0 commit comments