@@ -710,7 +710,7 @@ Line Sizing Containment: the 'line-sizing' property</h3>
710
710
or "don't pay attention to me".
711
711
712
712
<h3 id="leading-trim-property">
713
- Leading Control: the 'leading-trim-over' and 'leading-trim-under' properties and 'leading-trim' shorthand </h3>
713
+ Leading Control</h3>
714
714
715
715
ISSUE: This is a rough draft of a proposal,
716
716
and is likely to change significantly
@@ -803,6 +803,9 @@ Leading Control: the 'leading-trim-over' and 'leading-trim-under' properties and
803
803
</figure>
804
804
</div>
805
805
806
+ <h4 id="leading-trim-over">
807
+ Trimming Spacing Above: the 'leading-trim-over' property</h4>
808
+
806
809
<pre class="propdef">
807
810
Name : leading-trim-over
808
811
Value : normal | text | cap | ex | ideographic | ideographic-ink
@@ -813,58 +816,57 @@ Leading Control: the 'leading-trim-over' and 'leading-trim-under' properties and
813
816
Computed value : the specified keyword
814
817
</pre>
815
818
816
- The 'leading-trim-over' property trims
819
+ On [=block containers=] ,
820
+ the 'leading-trim-over' property trims
817
821
the <a>line-over</a> side of the first line box in the block container
818
- to better match the box’s content edge to its text content.
822
+ to the specified metric of its [=root inline box=]
823
+ to better match the box’s [=content edge=] to its text content.
819
824
The property affects only the <a>first formatted line</a> of the block container;
820
825
if there is no such line, it has no effect.
826
+
827
+ On [=inline boxes=] ,
828
+ it trims the [=line-over=] side of the box,
829
+ matching its [=content edge=] to the specified metric.
830
+
821
831
Values have the following meanings:
822
832
823
833
<dl dfn-for="leading-trim-over, leading-trim" dfn-type=value>
824
834
<dt> <dfn>normal</dfn>
825
835
<dd>
826
- Half-leading is applied over the first line,
827
- just as for every other line.
836
+ Half-leading is applied over the first line of the [=block container=] ,
837
+ just as for every other line
838
+ and no trimming occurs.
839
+ (When applied to [=block containers=] ,
840
+ all other values trim this half-leading.)
828
841
829
842
<dt> <dfn>text</dfn>
830
843
<dd>
831
- Half-leading is not applied over the first line;
832
- the top of the line box is set to
833
- the text-top metric
844
+ Trim to the text-top metric
834
845
(the metric used for ''vertical-align: text-top''
835
846
and the [=line-over=] [=content edge=]
836
- as defined in [[CSS2]] )
837
- of the root inline box.
847
+ as defined in [[CSS2]] ).
838
848
839
849
<dt> <dfn>cap</dfn>
840
850
<dd>
841
- Half-leading is not applied over the first line;
842
- the top of the line box is set to
843
- the cap-height metric
844
- of the root inline box.
851
+ Trim to the cap-height metric.
845
852
846
853
<dt> <dfn>ex</dfn>
847
854
<dd>
848
- Half-leading is not applied over the first line;
849
- the top of the line box is set to
850
- the ex-height metric
851
- of the root inline box.
855
+ Trim to the ex-height metric.
852
856
853
857
<dt> <dfn>ideographic</dfn>
854
858
<dd>
855
- Half-leading is not applied over the first line;
856
- the top of the line box is set to
857
- the ideographic top (<code> idtp</code> ) metric
858
- of the root inline box.
859
+ Trim to the ideographic top (<code> idtp</code> ) metric.
859
860
860
861
<dt> <dfn>ideographic-ink</dfn>
861
862
<dd>
862
- Half-leading is not applied over the first line;
863
- the top of the line box is set to
864
- the ideographic character face top (<code> icft</code> ) metric
865
- of the root inline box.
863
+ Trim to the ideographic character face top (<code> icft</code> ) metric.
866
864
</dl>
867
865
866
+
867
+ <h4 id="leading-trim-under">
868
+ Trimming Spacing Below: the 'leading-trim-under' property</h4>
869
+
868
870
<pre class="propdef">
869
871
Name : leading-trim-under
870
872
Value : normal | text | alphabetic | ideographic | ideographic-ink
@@ -875,51 +877,53 @@ Leading Control: the 'leading-trim-over' and 'leading-trim-under' properties and
875
877
Computed value : the specified keyword
876
878
</pre>
877
879
878
- The 'leading-trim-over' property trims
880
+ On [=block containers=] ,
881
+ the 'leading-trim-over' property trims
879
882
the <a>line-over</a> side of the first line box in the block container
880
- to better match the box’s content edge to its text content.
881
- The property affects only the <a>first formatted line</a> of the block container;
883
+ to the specified metric of its [=root inline box=]
884
+ to better match the box’s [=content edge=] to its text content.
885
+ The property affects only the last formatted line of the block container;
882
886
if there is no such line, it has no effect.
887
+
888
+ On [=inline boxes=] ,
889
+ it trims the [=line-under=] side of the box,
890
+ matching its [=content edge=] to the specified metric.
891
+
883
892
Values have the following meanings:
884
893
885
894
<dl dfn-for="leading-trim-under" dfn-type=value>
886
895
<dt> <dfn>normal</dfn>
887
896
<dd>
888
- Half-leading is applied over the first line,
889
- just as for every other line.
897
+ Half-leading is applied under the last line of the [=block container=] ,
898
+ just as for every other line
899
+ and no trimming occurs.
900
+ (When applied to [=block containers=] ,
901
+ all other values trim this half-leading.)
890
902
891
903
<dt> <dfn>text</dfn>
892
904
<dd>
893
- Half-leading is not applied over the first line;
894
- the top of the line box is set to
895
- the text-bottom metric
905
+ Trim to the text-bottom metric
896
906
(the metric used for ''vertical-align: text-bottom''
897
907
and the [=line-under=] [=content edge=]
898
- as defined in [[CSS2]] )
899
- of the root inline box.
908
+ as defined in [[CSS2]] ).
900
909
901
910
<dt> <dfn>alphabetic</dfn>
902
911
<dd>
903
- Half-leading is not applied over the first line;
904
- the top of the line box is set to
905
- the alphabetic baseline metric
906
- of the root inline box.
912
+ Trim to the alphabetic baseline metric.
907
913
908
914
<dt> <dfn>ideographic</dfn>
909
915
<dd>
910
- Half-leading is not applied over the first line;
911
- the top of the line box is set to
912
- the ideographic bottom (<code> ideo</code> ) metric
913
- of the root inline box.
916
+ Trim to the ideographic bottom (<code> ideo</code> ) metric.
914
917
915
918
<dt> <dfn>ideographic-ink</dfn>
916
919
<dd>
917
- Half-leading is not applied over the first line;
918
- the top of the line box is set to
919
- the ideographic character face top (<code> icfb</code> ) metric
920
- of the root inline box.
920
+ Trim to the ideographic character face top (<code> icfb</code> ) metric.
921
921
</dl>
922
922
923
+
924
+ <h4 id="leading-trim-over">
925
+ Trimming Spacing Above and Below: the 'leading-trim' shorthand</h4>
926
+
923
927
<pre class="propdef">
924
928
Name : leading-trim
925
929
Value : normal | text | cap | ex | ideographic | ideographic-ink
0 commit comments