Skip to content

Commit 0af63ba

Browse files
tabatkinstabatkins
committed
[css-align] Add reminders to each <*-position> value of which productions it is in.
1 parent 650ad7c commit 0af63ba

File tree

2 files changed

+21
-21
lines changed

2 files changed

+21
-21
lines changed

‎css-align/Overview.bs

+11-11
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ Previous Version: http://www.w3.org/TR/2013/WD-css3-align-20130514/
1414
Previous Version: http://www.w3.org/TR/2012/WD-css3-align-20120612/
1515
Abstract: This module contains the features of <a href="http://www.w3.org/TR/CSS/">CSS</a> relating to the alignment of boxes within their containers in the various CSS box layout models: block layout, table layout, flex layout, and grid layout. (The alignment of text and inline-level content is defined in [[CSS3TEXT]] and [[CSS3LINE]].)
1616
Issue Tracking: Tracker http://www.w3.org/Style/CSS/Tracker/products/39
17-
Link Defaults: selectors-3 (dfn) first formatted line, css-flexbox-1 (dfn) flex line, css-multicol-1 (dfn) multi-column element, css-fonts-3 (dfn) first available font, css21 (property) max-width/max-height/min-width/min-height, css-writing-modes-3 (dfn) dominant baseline, css-position-3 (property) left
17+
Link Defaults: selectors-3 (dfn) first formatted line, css-flexbox-1 (dfn) flex line, css-multicol-1 (dfn) multi-column element, css-fonts-3 (dfn) first available font, css21 (property) max-width/max-height/min-width/min-height, css-writing-modes-3 (dfn) dominant baseline, css-position-3 (property) left, css-cascade-3 (value) initial
1818
Ignored Terms: table cell, stretch
1919
At Risk: ''last-baseline''
2020
</pre>
@@ -23,7 +23,7 @@ At Risk: ''last-baseline''
2323
.issue th:first-child { text-align: left !important; }
2424
[rowspan] > img { float: right; }
2525
[rowspan] { vertical-align: middle; }
26-
small { display: block; }
26+
table small { display: block; }
2727
</style>
2828

2929
<h2 id="intro">
@@ -201,43 +201,43 @@ Positional Alignment: the ''center'', ''start'', ''end'', ''self-start'', ''self
201201
Values have the following meanings:
202202

203203
<dl dfn-type="value">
204-
<dt><dfn for="<self-position>, <content-position>">center</dfn>
204+
<dt><dfn for="<self-position>, <content-position>">center</dfn> <small>(self, content)</small>
205205
<dd>Centers the <a>alignment subject</a> within its <a>alignment container</a>.
206206

207-
<dt><dfn for="<self-position>, <content-position>">start</dfn>
207+
<dt><dfn for="<self-position>, <content-position>">start</dfn> <small>(self, content)</small>
208208
<dd>Aligns the <a>alignment subject</a> to be flush with the <a>alignment container</a>’s start edge.
209209

210-
<dt><dfn for="<self-position>, <content-position>">end</dfn>
210+
<dt><dfn for="<self-position>, <content-position>">end</dfn> <small>(self, content)</small>
211211
<dd>Aligns the <a>alignment subject</a> to be flush with the <a>alignment container</a>’s end edge.
212212

213-
<dt><dfn for="<self-position>">self-start</dfn>
213+
<dt><dfn for="<self-position>">self-start</dfn> <small>(self)</small>
214214
<dd>Aligns the <a>alignment subject</a> to be flush with the edge of the <a>alignment container</a>
215215
corresponding to the <a>alignment subject</a>’s start side.
216216

217-
<dt><dfn for="<self-position>">self-end</dfn>
217+
<dt><dfn for="<self-position>">self-end</dfn> <small>(self)</small>
218218
<dd>Aligns the <a>alignment subject</a> to be flush with the edge of the <a>alignment container</a>
219219
corresponding to the <a>alignment subject</a>’s end side.
220220

221-
<dt><dfn for="<self-position>, <content-position>">flex-start</dfn>
221+
<dt><dfn for="<self-position>, <content-position>">flex-start</dfn> <small>(self, content)</small>
222222
<dd><strong>Only used in flex layout.</strong> [[!CSS3-FLEXBOX]]
223223
Aligns the <a>alignment subject</a> to be flush with the edge of the <a>alignment container</a>
224224
corresponding to the <a>flex container</a>’s main-start or cross-start side, as appropriate.
225225
When used in layout modes other than Flexbox,
226226
this value computes to ''start''.
227227

228-
<dt><dfn for="<self-position>, <content-position>">flex-end</dfn>
228+
<dt><dfn for="<self-position>, <content-position>">flex-end</dfn> <small>(self, content)</small>
229229
<dd><strong>Only used in flex layout.</strong>
230230
Aligns the <a>alignment subject</a> to be flush with the edge of the <a>alignment container</a>
231231
corresponding to the <a>flex container</a>’s main-end or cross-end side, as appropriate.
232232
When used in layout modes other than Flexbox,
233233
this value computes to ''end''.
234234

235-
<dt><dfn for="<self-position>, <content-position>">left</dfn>
235+
<dt><dfn for="<self-position>, <content-position>">left</dfn> <small>(self, content)</small>
236236
<dd>Aligns the <a>alignment subject</a> to be flush with the <a>alignment container</a>’s <a href="http://www.w3.org/TR/css3-writing-modes/#line-left">line-left</a> edge.
237237
If the property's axis is not parallel with the inline axis,
238238
this value computes to ''start''.
239239

240-
<dt><dfn for="<self-position>, <content-position>">right</dfn>
240+
<dt><dfn for="<self-position>, <content-position>">right</dfn> <small>(self, content)</small>
241241
<dd>Aligns the <a>alignment subject</a> to be flush with the <a>alignment container</a>’s <a href="http://www.w3.org/TR/css3-writing-modes/#line-right">line-right</a> edge.
242242
If the property's axis is not parallel with the inline axis,
243243
this value computes to ''start''.

‎css-align/Overview.html

+10-10
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
.issue th:first-child { text-align: left !important; }
2222
[rowspan] > img { float: right; }
2323
[rowspan] { vertical-align: middle; }
24-
small { display: block; }
24+
table small { display: block; }
2525
</style>
2626

2727

@@ -508,34 +508,34 @@ <h3 class="heading settled" data-level="3.1" id="positional-values"><span class=
508508

509509
<dl data-dfn-type="value">
510510

511-
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-center">center<a class="self-link" href="#valdef-self-position-content-position-center"></a></dfn>
511+
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-center">center<a class="self-link" href="#valdef-self-position-content-position-center"></a></dfn> <small>(self, content)</small>
512512
</dt>
513513
<dd>Centers the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a> within its <a data-link-type="dfn" href="#alignment-container">alignment container</a>.
514514

515515
</dd>
516-
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-start">start<a class="self-link" href="#valdef-self-position-content-position-start"></a></dfn>
516+
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-start">start<a class="self-link" href="#valdef-self-position-content-position-start"></a></dfn> <small>(self, content)</small>
517517
</dt>
518518
<dd>Aligns the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a> to be flush with the <a data-link-type="dfn" href="#alignment-container">alignment container</a>’s start edge.
519519

520520
</dd>
521-
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-end">end<a class="self-link" href="#valdef-self-position-content-position-end"></a></dfn>
521+
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-end">end<a class="self-link" href="#valdef-self-position-content-position-end"></a></dfn> <small>(self, content)</small>
522522
</dt>
523523
<dd>Aligns the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a> to be flush with the <a data-link-type="dfn" href="#alignment-container">alignment container</a>’s end edge.
524524

525525
</dd>
526-
<dt><dfn class="css" data-dfn-for="<self-position>" data-dfn-type="value" data-export="" id="valdef-self-position-self-start">self-start<a class="self-link" href="#valdef-self-position-self-start"></a></dfn>
526+
<dt><dfn class="css" data-dfn-for="<self-position>" data-dfn-type="value" data-export="" id="valdef-self-position-self-start">self-start<a class="self-link" href="#valdef-self-position-self-start"></a></dfn> <small>(self)</small>
527527
</dt>
528528
<dd>Aligns the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a> to be flush with the edge of the <a data-link-type="dfn" href="#alignment-container">alignment container</a>
529529
corresponding to the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a>’s start side.
530530

531531
</dd>
532-
<dt><dfn class="css" data-dfn-for="<self-position>" data-dfn-type="value" data-export="" id="valdef-self-position-self-end">self-end<a class="self-link" href="#valdef-self-position-self-end"></a></dfn>
532+
<dt><dfn class="css" data-dfn-for="<self-position>" data-dfn-type="value" data-export="" id="valdef-self-position-self-end">self-end<a class="self-link" href="#valdef-self-position-self-end"></a></dfn> <small>(self)</small>
533533
</dt>
534534
<dd>Aligns the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a> to be flush with the edge of the <a data-link-type="dfn" href="#alignment-container">alignment container</a>
535535
corresponding to the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a>’s end side.
536536

537537
</dd>
538-
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-flex-start">flex-start<a class="self-link" href="#valdef-self-position-content-position-flex-start"></a></dfn>
538+
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-flex-start">flex-start<a class="self-link" href="#valdef-self-position-content-position-flex-start"></a></dfn> <small>(self, content)</small>
539539
</dt>
540540
<dd><strong>Only used in flex layout.</strong> <a data-biblio-type="normative" data-link-type="biblio" href="#biblio-css3-flexbox" title="CSS3-FLEXBOX">[CSS3-FLEXBOX]</a>
541541
Aligns the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a> to be flush with the edge of the <a data-link-type="dfn" href="#alignment-container">alignment container</a>
@@ -544,7 +544,7 @@ <h3 class="heading settled" data-level="3.1" id="positional-values"><span class=
544544
this value computes to <a class="css" data-link-type="maybe" href="#valdef-self-position-content-position-start">start</a>.
545545

546546
</dd>
547-
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-flex-end">flex-end<a class="self-link" href="#valdef-self-position-content-position-flex-end"></a></dfn>
547+
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-flex-end">flex-end<a class="self-link" href="#valdef-self-position-content-position-flex-end"></a></dfn> <small>(self, content)</small>
548548
</dt>
549549
<dd><strong>Only used in flex layout.</strong>
550550
Aligns the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a> to be flush with the edge of the <a data-link-type="dfn" href="#alignment-container">alignment container</a>
@@ -553,14 +553,14 @@ <h3 class="heading settled" data-level="3.1" id="positional-values"><span class=
553553
this value computes to <a class="css" data-link-type="maybe" href="#valdef-self-position-content-position-end">end</a>.
554554

555555
</dd>
556-
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-left">left<a class="self-link" href="#valdef-self-position-content-position-left"></a></dfn>
556+
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-left">left<a class="self-link" href="#valdef-self-position-content-position-left"></a></dfn> <small>(self, content)</small>
557557
</dt>
558558
<dd>Aligns the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a> to be flush with the <a data-link-type="dfn" href="#alignment-container">alignment container</a>’s <a href="http://www.w3.org/TR/css3-writing-modes/#line-left">line-left</a> edge.
559559
If the property’s axis is not parallel with the inline axis,
560560
this value computes to <a class="css" data-link-type="maybe" href="#valdef-self-position-content-position-start">start</a>.
561561

562562
</dd>
563-
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-right">right<a class="self-link" href="#valdef-self-position-content-position-right"></a></dfn>
563+
<dt><dfn class="css" data-dfn-for="<self-position>, <content-position>" data-dfn-type="value" data-export="" id="valdef-self-position-content-position-right">right<a class="self-link" href="#valdef-self-position-content-position-right"></a></dfn> <small>(self, content)</small>
564564
</dt>
565565
<dd>Aligns the <a data-link-type="dfn" href="#alignment-subject">alignment subject</a> to be flush with the <a data-link-type="dfn" href="#alignment-container">alignment container</a>’s <a href="http://www.w3.org/TR/css3-writing-modes/#line-right">line-right</a> edge.
566566
If the property’s axis is not parallel with the inline axis,

0 commit comments

Comments
 (0)