Skip to content

[css-break-3] Bikeshed improvements related to property values #226

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 23, 2016
+29 −118
Merged

[css-break-3] Bikeshed improvements related to property values #226

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
147 changes: 29 additions & 118 deletions css-break/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -243,34 +243,13 @@ Controlling Breaks</h2>
<h3 id="break-between">
Breaks Between Boxes: the 'break-before' and 'break-after' properties</h3>

<table class="propdef">
<tr>
<th>Name:
<td><dfn>break-before</dfn>, <dfn>break-after</dfn>
<tr>
<th>Value:
<td>auto | avoid |
avoid-page | page | left | right | recto | verso |
avoid-column | column | avoid-region | region
<tr>
<th>Initial:
<td>auto
<tr>
<th>Applies to:
<td>block-level elements, table row groups, table rows (but see prose)
<tr>
<th>Inherited:
<td>no
<tr>
<th>Percentages:
<td>N/A
<tr>
<th>Media:
<td>visual
<tr>
<th>Computed&nbsp;value:
<td>specified value
</table>
<pre class="propdef">
Name: break-before, break-after
Value: auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Initial: auto
Applies to: block-level elements, table row groups, table rows (but see prose)
Inherited: no
</pre>

<p>
These properties specify page/column/region break behavior
Expand Down Expand Up @@ -395,33 +374,14 @@ Region Break Values</h4>
<h3 id="break-within">
Breaks Within Boxes: the 'break-inside' property</h3>

<table class="propdef">
<tr>
<th>Name:
<td><dfn>break-inside</dfn>
<tr>
<th>Value:
<td>auto | avoid | avoid-page | avoid-column | avoid-region
<tr>
<th>Initial:
<td>auto
<tr>
<th>Applies to:
<td>elements in the normal flow that establish formatting contexts,
or that are block containers, table row groups, or table rows
<tr>
<th>Inherited:
<td>no
<tr>
<th>Percentages:
<td>N/A
<tr>
<th>Media:
<td>visual
<tr>
<th>Computed&nbsp;value:
<td>specified value
</table>
<pre class="propdef">
Name: break-inside
Value: auto | avoid | avoid-page | avoid-column | avoid-region
Initial: auto
Applies to: elements in the normal flow that establish formatting contexts,
or that are block containers, table row groups, or table rows
Inherited: no
</pre>

<p>
This property specifies page/column/region break behavior
Expand Down Expand Up @@ -454,40 +414,13 @@ Breaks Within Boxes: the 'break-inside' property</h3>
<h3 id="widows-orphans">
Breaks Between Lines: 'orphans', 'widows'</h3>

<table class="propdef">
<tr>
<th>Name:
<td><dfn>orphans</dfn>, <dfn>widows</dfn>

<tr>
<th>Value:
<td>&lt;integer&gt;

<tr>
<th>Initial:
<td>2

<tr>
<th>Applies to:
<td>block containers

<tr>
<th>Inherited:
<td>yes

<tr>
<th>Percentages:
<td>N/A

<tr>
<th>Media:
<td>visual

<tr>
<th>Computed value:
<td>specified value

</table>
<pre class="propdef">
Name: orphans, widows
Value: <<integer>>
Initial: 2
Applies to: block containers
Inherited: yes
</pre>

<p>
The 'orphans' property specifies the minimum number
Expand Down Expand Up @@ -997,35 +930,13 @@ Splitting Boxes</h3>
<h3 id="break-decoration">
Fragmented Borders and Backgrounds: the 'box-decoration-break' property</h3>

<table class=propdef>
<tr>
<th>Name:
<td><dfn>box-decoration-break</dfn>
<tr>
<th><a href="#values">Value</a>:
<td>slice | clone
<tr>
<th>Initial:
<td>slice
<tr>
<th>Applies to:
<td>all elements
<tr>
<th>Inherited:
<td>no
<tr>
<th>Percentages:
<td>N/A
<tr>
<th>Media:
<td>visual
<tr>
<th>Computed value:
<td>as specified
<tr>
<th>Animatable:
<td>no
</table>
<pre class="propdef">
Name: box-decoration-break
Value: slice | clone
Initial: slice
Applies to: all elements
Inherited: no
</pre>

<p>
When a break (page/column/region/line<!-- ISSUE-182-->) splits a box,
Expand Down