Skip to content

Commit 5832e1e

Browse files
dbarondbaron
committed
[css-overflow] Convert propdef tables to bikeshed syntax.
1 parent c4a50f5 commit 5832e1e

2 files changed

Lines changed: 55 additions & 208 deletions

File tree

‎css-overflow/Overview.bs‎

Lines changed: 36 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -375,77 +375,37 @@ Introduction</h2>
375375
(i.e., overflow from the top and bottom sides of the box)
376376
</p>
377377

378-
<table class=propdef>
379-
<tr>
380-
<th>Name:
381-
<td><dfn>overflow-x</dfn>, <dfn>overflow-y</dfn>
382-
<tr>
383-
<th>Value:
384-
<td>visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
385-
<tr>
386-
<th>Initial:
387-
<td>visible
388-
<tr>
389-
<th>Applies to:
390-
<td>block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]]
391-
<tr>
392-
<th>Inherited:
393-
<td>no
394-
<tr>
395-
<th>Percentages:
396-
<td>N/A
397-
<tr>
398-
<th>Media:
399-
<td>visual
400-
<tr>
401-
<th>Computed&nbsp;value:
402-
<td>see below
403-
<tr>
404-
<th>Animatable:
405-
<td>no
406-
<tr>
407-
<th>Canonical order:
408-
<td><abbr title="follows order of property value definition">per grammar</abbr>
409-
</table>
378+
<pre class=propdef>
379+
Name: overflow-x, overflow-y
380+
Value: visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
381+
Initial: visible
382+
Applies to: block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]]
383+
Inherited: no
384+
Percentages: N/A
385+
Media: visual
386+
Computed value: see below
387+
Animatable: no
388+
Canonical order: <abbr title="follows order of property value definition">per grammar</abbr>
389+
</pre>
410390

411391
<p>
412392
The 'overflow' property is a shorthand property
413393
that sets the specified values of both 'overflow-x' and 'overflow-y'
414394
to the value specified for 'overflow'.
415395
</p>
416396

417-
<table class=propdef>
418-
<tr>
419-
<th>Name:
420-
<td><dfn>overflow</dfn>
421-
<tr>
422-
<th>Value:
423-
<td>visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
424-
<tr>
425-
<th>Initial:
426-
<td>see individual properties
427-
<tr>
428-
<th>Applies to:
429-
<td>block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]]
430-
<tr>
431-
<th>Inherited:
432-
<td>no
433-
<tr>
434-
<th>Percentages:
435-
<td>N/A
436-
<tr>
437-
<th>Media:
438-
<td>visual
439-
<tr>
440-
<th>Computed&nbsp;value:
441-
<td>see individual properties
442-
<tr>
443-
<th>Animatable:
444-
<td>no
445-
<tr>
446-
<th>Canonical order:
447-
<td><abbr title="follows order of property value definition">per grammar</abbr>
448-
</table>
397+
<pre class=propdef>
398+
Name: overflow
399+
Value: visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
400+
Initial: see individual properties
401+
Applies to: block containers [[!CSS21]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]]
402+
Inherited: no
403+
Percentages: N/A
404+
Media: visual
405+
Computed value: see individual properties
406+
Animatable: no
407+
Canonical order: <abbr title="follows order of property value definition">per grammar</abbr>
408+
</pre>
449409

450410
<p>The values of these properties are:</p>
451411

@@ -1004,38 +964,18 @@ rather than just one page at once?</p>
1004964
as long as those lines are in the same block formatting context.
1005965
</p>
1006966

1007-
<table class=propdef>
1008-
<tr>
1009-
<th>Name:
1010-
<td><dfn>max-lines</dfn>
1011-
<tr>
1012-
<th>Value:
1013-
<td>none | &lt;integer&gt;
1014-
<tr>
1015-
<th>Initial:
1016-
<td>none
1017-
<tr>
1018-
<th>Applies to:
1019-
<td>fragment boxes
1020-
<tr>
1021-
<th>Inherited:
1022-
<td>no
1023-
<tr>
1024-
<th>Animatable:
1025-
<td>as <a href="http://www.w3.org/TR/css3-transitions/#animatable-types">integer</a>
1026-
<tr>
1027-
<th>Percentages:
1028-
<td>N/A
1029-
<tr>
1030-
<th>Media:
1031-
<td>visual
1032-
<tr>
1033-
<th>Computed&nbsp;value:
1034-
<td>specified value
1035-
<tr>
1036-
<th>Canonical order:
1037-
<td><abbr title="follows order of property value definition">per grammar</abbr>
1038-
</table>
967+
<pre class=propdef>
968+
Name: max-lines
969+
Value: none | &lt;integer&gt;
970+
Initial: none
971+
Applies to: fragment boxes
972+
Inherited: no
973+
Animatable: as <a href="http://www.w3.org/TR/css3-transitions/#animatable-types">integer</a>
974+
Percentages: N/A
975+
Media: visual
976+
Computed value: specified value
977+
Canonical order: <abbr title="follows order of property value definition">per grammar</abbr>
978+
</pre>
1039979

1040980
<dl dfn-for="max-lines" dfn-type="value">
1041981
<dt><dfn>none</dfn>

‎css-overflow/Overview.html‎

Lines changed: 19 additions & 112 deletions
Original file line numberDiff line numberDiff line change
@@ -632,70 +632,39 @@ <h2 class="heading settled" data-level="3" id="overflow-properties"><span class=
632632
(i.e., overflow from the top and bottom sides of the box)
633633
</p>
634634

635-
636-
<table class="propdef">
637-
635+
636+
<table class="definition propdef">
638637
<tbody>
639638
<tr>
640-
641639
<th>Name:
642-
643640
<td><dfn class="css" data-dfn-type="property" data-export="" id="propdef-overflow-x">overflow-x<a class="self-link" href="#propdef-overflow-x"></a></dfn>, <dfn class="css" data-dfn-type="property" data-export="" id="propdef-overflow-y">overflow-y<a class="self-link" href="#propdef-overflow-y"></a></dfn>
644641
<tr>
645-
646642
<th>Value:
647-
648-
<td>visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
649-
643+
<td class="prod">visible <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> hidden <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> scroll <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> auto <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> paged-x <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> paged-y <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> paged-x-controls <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> paged-y-controls <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> fragments
650644
<tr>
651-
652645
<th>Initial:
653-
654646
<td>visible
655-
656647
<tr>
657-
658648
<th>Applies to:
659-
660649
<td>block containers <a data-link-type="biblio" href="#biblio-css21">[CSS21]</a>, flex containers <a data-link-type="biblio" href="#biblio-css3-flexbox">[CSS3-FLEXBOX]</a>, and grid containers <a data-link-type="biblio" href="#biblio-css3-grid-layout">[CSS3-GRID-LAYOUT]</a>
661-
662650
<tr>
663-
664651
<th>Inherited:
665-
666652
<td>no
667-
668653
<tr>
669-
670654
<th>Percentages:
671-
672655
<td>N/A
673-
674656
<tr>
675-
676657
<th>Media:
677-
678658
<td>visual
679-
680659
<tr>
681-
682-
<th>Computed value:
683-
660+
<th>Computed value:
684661
<td>see below
685-
686662
<tr>
687-
688663
<th>Animatable:
689-
690664
<td>no
691-
692665
<tr>
693-
694666
<th>Canonical order:
695-
696-
<td><abbr title="follows order of property value definition">per grammar</abbr>
697-
698-
</table>
667+
<td><abbr title="follows order of property value definition">per grammar</abbr></table>
699668

700669

701670
<p>
@@ -704,70 +673,39 @@ <h2 class="heading settled" data-level="3" id="overflow-properties"><span class=
704673
to the value specified for <a class="property" data-link-type="propdesc" href="#propdef-overflow">overflow</a>.
705674
</p>
706675

707-
708-
<table class="propdef">
709-
676+
677+
<table class="definition propdef">
710678
<tbody>
711679
<tr>
712-
713680
<th>Name:
714-
715681
<td><dfn class="css" data-dfn-type="property" data-export="" id="propdef-overflow">overflow<a class="self-link" href="#propdef-overflow"></a></dfn>
716682
<tr>
717-
718683
<th>Value:
719-
720-
<td>visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
721-
684+
<td class="prod">visible <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> hidden <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> scroll <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> auto <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> paged-x <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> paged-y <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> paged-x-controls <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> paged-y-controls <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> fragments
722685
<tr>
723-
724686
<th>Initial:
725-
726687
<td>see individual properties
727-
728688
<tr>
729-
730689
<th>Applies to:
731-
732690
<td>block containers <a data-link-type="biblio" href="#biblio-css21">[CSS21]</a>, flex containers <a data-link-type="biblio" href="#biblio-css3-flexbox">[CSS3-FLEXBOX]</a>, and grid containers <a data-link-type="biblio" href="#biblio-css3-grid-layout">[CSS3-GRID-LAYOUT]</a>
733-
734691
<tr>
735-
736692
<th>Inherited:
737-
738693
<td>no
739-
740694
<tr>
741-
742695
<th>Percentages:
743-
744696
<td>N/A
745-
746697
<tr>
747-
748698
<th>Media:
749-
750699
<td>visual
751-
752700
<tr>
753-
754-
<th>Computed value:
755-
701+
<th>Computed value:
756702
<td>see individual properties
757-
758703
<tr>
759-
760704
<th>Animatable:
761-
762705
<td>no
763-
764706
<tr>
765-
766707
<th>Canonical order:
767-
768-
<td><abbr title="follows order of property value definition">per grammar</abbr>
769-
770-
</table>
708+
<td><abbr title="follows order of property value definition">per grammar</abbr></table>
771709

772710

773711
<p>The values of these properties are:</p>
@@ -1477,70 +1415,39 @@ <h3 class="heading settled" data-level="6.2" id="max-lines"><span class="secno">
14771415
as long as those lines are in the same block formatting context.
14781416
</p>
14791417

1480-
1481-
<table class="propdef">
1482-
1418+
1419+
<table class="definition propdef">
14831420
<tbody>
14841421
<tr>
1485-
14861422
<th>Name:
1487-
14881423
<td><dfn class="css" data-dfn-type="property" data-export="" id="propdef-max-lines">max-lines<a class="self-link" href="#propdef-max-lines"></a></dfn>
14891424
<tr>
1490-
14911425
<th>Value:
1492-
1493-
<td>none | &lt;integer>
1494-
1426+
<td class="prod">none <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> &lt;integer>
14951427
<tr>
1496-
14971428
<th>Initial:
1498-
14991429
<td>none
1500-
15011430
<tr>
1502-
15031431
<th>Applies to:
1504-
15051432
<td>fragment boxes
1506-
15071433
<tr>
1508-
15091434
<th>Inherited:
1510-
15111435
<td>no
1512-
15131436
<tr>
1514-
1515-
<th>Animatable:
1516-
1517-
<td>as <a href="http://www.w3.org/TR/css3-transitions/#animatable-types">integer</a>
1518-
1519-
<tr>
1520-
15211437
<th>Percentages:
1522-
15231438
<td>N/A
1524-
15251439
<tr>
1526-
15271440
<th>Media:
1528-
15291441
<td>visual
1530-
15311442
<tr>
1532-
1533-
<th>Computed value:
1534-
1443+
<th>Computed value:
15351444
<td>specified value
1536-
15371445
<tr>
1538-
1446+
<th>Animatable:
1447+
<td>as <a href="http://www.w3.org/TR/css3-transitions/#animatable-types">integer</a>
1448+
<tr>
15391449
<th>Canonical order:
1540-
1541-
<td><abbr title="follows order of property value definition">per grammar</abbr>
1542-
1543-
</table>
1450+
<td><abbr title="follows order of property value definition">per grammar</abbr></table>
15441451

15451452

15461453
<dl>
@@ -1935,7 +1842,7 @@ <h2 class="no-num heading settled" id="property-index"><span class="content">Pro
19351842
<th scope="col">Media
19361843
<th scope="col">Animatable
19371844
<th scope="col">Canonical order
1938-
<th scope="col">Computed value
1845+
<th scope="col">Computed value
19391846
<tbody>
19401847
<tr>
19411848
<th scope="row"><a class="css" data-link-type="property" href="#propdef-overflow-x">overflow-x</a>

0 commit comments

Comments
 (0)