Skip to content

Commit 46de543

Browse files
committed
[css-line-grid] change before/after to block-start/block-end
1 parent ffaadbf commit 46de543

File tree

2 files changed

+23
-23
lines changed

2 files changed

+23
-23
lines changed

css-line-grid/Overview.html

+13-13
Original file line numberDiff line numberDiff line change
@@ -607,7 +607,7 @@ <h3 class="heading settled" data-level=3.2 id=box-snap><span class=secno>3.2 </s
607607
but snaps to before if it’s the first block in a fragment container,
608608
and snaps to after if it’s the last block in a fragment container.</p>
609609

610-
<table class="definition propdef"><tr><th>Name:<td><dfn class=css data-dfn-type=property data-export="" id=propdef-box-snap>box-snap<a class=self-link href=#propdef-box-snap></a></dfn><tr><th>Value:<td class=prod>none <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> before <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> after <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> center <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> first-baseline <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> last-baseline<tr><th>Initial:<td>none<tr><th>Applies to:<td>block-level boxes and internal table elements except table cells<tr><th>Inherited:<td>yes<tr><th>Media:<td>visual<tr><th>Computed value:<td>as specified<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
610+
<table class="definition propdef"><tr><th>Name:<td><dfn class=css data-dfn-type=property data-export="" id=propdef-box-snap>box-snap<a class=self-link href=#propdef-box-snap></a></dfn><tr><th>Value:<td class=prod>none <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> block-start <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> block-end <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> center <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> first-baseline <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> last-baseline<tr><th>Initial:<td>none<tr><th>Applies to:<td>block-level boxes and internal table elements except table cells<tr><th>Inherited:<td>yes<tr><th>Media:<td>visual<tr><th>Computed value:<td>as specified<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
611611

612612
<p>Specifies how the block is snapped to the baseline grid.</p>
613613

@@ -616,10 +616,10 @@ <h3 class="heading settled" data-level=3.2 id=box-snap><span class=secno>3.2 </s
616616
<dl data-dfn-for=box-snap data-dfn-type=value>
617617
<dt><dfn class=css data-dfn-for=box-snap data-dfn-type=value data-export="" id=valdef-box-snap-none>none<a class=self-link href=#valdef-box-snap-none></a></dfn>
618618
<dd>The block is not snapped to any grid.</dd>
619-
<dt><dfn class=css data-dfn-for=box-snap data-dfn-type=value data-export="" id=valdef-box-snap-before>before<a class=self-link href=#valdef-box-snap-before></a></dfn>
620-
<dd>The before edge is snapped to the nearest grid line.
621-
<dt><dfn class=css data-dfn-for=box-snap data-dfn-type=value data-export="" id=valdef-box-snap-after>after<a class=self-link href=#valdef-box-snap-after></a></dfn>
622-
<dd>The after edge is snapped to the nearest grid line.
619+
<dt><dfn class=css data-dfn-for=box-snap data-dfn-type=value data-export="" id=valdef-box-snap-block-start>block-start<a class=self-link href=#valdef-box-snap-block-start></a></dfn>
620+
<dd>The block-start edge is snapped to the nearest grid line.
621+
<dt><dfn class=css data-dfn-for=box-snap data-dfn-type=value data-export="" id=valdef-box-snap-block-end>block-end<a class=self-link href=#valdef-box-snap-block-end></a></dfn>
622+
<dd>The block-end edge is snapped to the nearest grid line.
623623
<dt><dfn class=css data-dfn-for=box-snap data-dfn-type=value data-export="" id=valdef-box-snap-center>center<a class=self-link href=#valdef-box-snap-center></a></dfn>
624624
<dd>The block is centered centered between
625625
one of the baseline grid’s text-over baselines and a subsequent
@@ -636,16 +636,16 @@ <h3 class="heading settled" data-level=3.2 id=box-snap><span class=secno>3.2 </s
636636
whichever one is on the matching side
637637
of the central baseline.
638638
For example,
639-
when snapping the before edge
639+
when snapping the block-start edge
640640
in horizontal writing mode,
641-
the over edge is chosen.
642-
In some cases the under edge
643-
might be used instead for the before edge:
641+
the text-over-edge is chosen.
642+
In some cases the text-under-edge
643+
might be used instead for the block-start edge:
644644
for example,
645645
when the writing mode of the line grid
646646
doesn’t match that of the affected element,
647647
or when due to the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-writing-modes-3/#propdef-text-orientation title=text-orientation>text-orientation</a> settings
648-
the under side corresponds to the after edge.</p>
648+
the text-under-edge corresponds to the block-start edge.</p>
649649

650650
<p>To snap a block-level element to a grid line,
651651
the effective margin is increased at that edge.
@@ -852,9 +852,9 @@ <h3 class="no-num no-ref heading settled" id=informative><span class=content>
852852
<h2 class="no-num no-ref heading settled" id=index><span class=content>
853853
Index</span><a class=self-link href=#index></a></h2>
854854
<div data-fill-with=index><ul class=indexlist>
855-
<li>after, <a href=#valdef-box-snap-after title="section 3.2">3.2</a>
856855
<li>baseline, <a href=#valdef-line-snap-baseline title="section 3.1">3.1</a>
857-
<li>before, <a href=#valdef-box-snap-before title="section 3.2">3.2</a>
856+
<li>block-end, <a href=#valdef-box-snap-block-end title="section 3.2">3.2</a>
857+
<li>block-start, <a href=#valdef-box-snap-block-start title="section 3.2">3.2</a>
858858
<li>box-snap, <a href=#propdef-box-snap title="section 3.2">3.2</a>
859859
<li>center, <a href=#valdef-box-snap-center title="section 3.2">3.2</a>
860860
<li>contain, <a href=#valdef-line-snap-contain title="section 3.1">3.1</a>
@@ -873,7 +873,7 @@ <h2 class="no-num no-ref heading settled" id=property-index><span class=content>
873873
<div data-fill-with=property-index><table class="proptable data"><thead><tr><th scope=col>Name<th scope=col>Value<th scope=col>Initial<th scope=col>Applies to<th scope=col>Inh.<th scope=col>%ages<th scope=col>Media<th scope=col>Animatable<th scope=col>Computed value<tbody>
874874
<tr><th scope=row><a class=css data-link-type=property href=#propdef-line-grid title=line-grid>line-grid</a><td>match-parent | create<td>match-parent<td>block containers<td>no<td>N/A<td>visual<td>no<td>as specified
875875
<tr><th scope=row><a class=css data-link-type=property href=#propdef-line-snap title=line-snap>line-snap</a><td>none | baseline | contain<td>none<td>all elements<td>yes<td>N/A<td>visual<td>no<td>as specified
876-
<tr><th scope=row><a class=css data-link-type=property href=#propdef-box-snap title=box-snap>box-snap</a><td>none | before | after | center | first-baseline | last-baseline<td>none<td>block-level boxes and internal table elements except table cells<td>yes<td>N/A<td>visual<td>no<td>as specified</table></div>
876+
<tr><th scope=row><a class=css data-link-type=property href=#propdef-box-snap title=box-snap>box-snap</a><td>none | block-start | block-end | center | first-baseline | last-baseline<td>none<td>block-level boxes and internal table elements except table cells<td>yes<td>N/A<td>visual<td>no<td>as specified</table></div>
877877

878878

879879
<h2 class="no-num heading settled" id=issues-index><span class=content>Issues Index</span><a class=self-link href=#issues-index></a></h2><div style="counter-reset: issue"><div class=issue>The names of these values is currently up for debate.

css-line-grid/Overview.src.html

+10-10
Original file line numberDiff line numberDiff line change
@@ -518,7 +518,7 @@ <h3 id='box-snap'>
518518

519519
<pre class='propdef'>
520520
Name: box-snap
521-
Value: none | before | after | center | first-baseline | last-baseline
521+
Value: none | block-start | block-end | center | first-baseline | last-baseline
522522
Initial: none
523523
Applies to: block-level boxes and internal table elements except table cells
524524
Inherited: yes
@@ -535,10 +535,10 @@ <h3 id='box-snap'>
535535
<dl dfn-type="value" dfn-for="box-snap">
536536
<dt><dfn>none</dfn>
537537
<dd>The block is not snapped to any grid.</dd>
538-
<dt><dfn>before</dfn>
539-
<dd>The before edge is snapped to the nearest grid line.
540-
<dt><dfn>after</dfn>
541-
<dd>The after edge is snapped to the nearest grid line.
538+
<dt><dfn>block-start</dfn>
539+
<dd>The block-start edge is snapped to the nearest grid line.
540+
<dt><dfn>block-end</dfn>
541+
<dd>The block-end edge is snapped to the nearest grid line.
542542
<dt><dfn>center</dfn>
543543
<dd>The block is centered centered between
544544
one of the baseline grid's text-over baselines and a subsequent
@@ -555,16 +555,16 @@ <h3 id='box-snap'>
555555
whichever one is on the matching side
556556
of the central baseline.
557557
For example,
558-
when snapping the before edge
558+
when snapping the block-start edge
559559
in horizontal writing mode,
560-
the over edge is chosen.
561-
In some cases the under edge
562-
might be used instead for the before edge:
560+
the text-over-edge is chosen.
561+
In some cases the text-under-edge
562+
might be used instead for the block-start edge:
563563
for example,
564564
when the writing mode of the line grid
565565
doesn't match that of the affected element,
566566
or when due to the 'text-orientation' settings
567-
the under side corresponds to the after edge.
567+
the text-under-edge corresponds to the block-start edge.
568568

569569
To snap a block-level element to a grid line,
570570
the effective margin is increased at that edge.

0 commit comments

Comments
 (0)