mozilla

Compare Revisions

break-before

Change Revisions

Revision 356095:

Revision 356095 by teoli on

Revision 356611:

Revision 356611 by ethertank on

Title:
break-before
break-before
Slug:
CSS/break-before
CSS/break-before
Tags:
"css", "CSS3", "CSS Reference"
"css", "CSS3", "CSS Reference"
Content:

Revision 356095
Revision 356611
n7    <p>n7    <div>
8      {{ CSSRef() }}8      {{CSSRef}}
9    </p>9    </div>
n17      Each possible break point, that is each element boundary, in17      Each possible break point, that is each element boundary, i
>s under the influence of three properties, the {{ cssxref("break->s under the influence of three properties, the {{cssxref("break-a
>after") }} value of the previous element, the <code>break-before<>fter")}} value of the previous element, the <code>break-before</c
>/code> value of the next element and the {{ cssxref("break-inside>ode> value of the next element and the {{cssxref("break-inside")}
>") }} of the containing element.>} of the containing element.
n23      <li>If any of the three concerned values is a <em>forced brn23      <li>If any of the three concerned values is a <em>forced br
>eak value</em>, that is <code>always</code>, <code>left</code>, <>eak value</em>, that is <code>always</code>, <code>left</code>, <
>code>right</code>, <code>page</code>, <code>column</code> or <cod>code>right</code>, <code>page</code>, <code>column</code> or <cod
>e>region</code>, it has precedence. If several of the concerned v>e>region</code>, it has precedence. If several of the concerned v
>alues is such a break, the one of the element that appears the la>alues is such a break, the one of the element that appears the la
>test in the flow is taken (that is the <code>break-before</code> >test in the flow is taken (that is the <code>break-before</code> 
>value has precedence over the {{ cssxref("break-after") }} value,>value has precedence over the {{cssxref("break-after")}} value, w
> which itself has precedence over the {{ cssxref("break-inside") >hich itself has precedence over the {{cssxref("break-inside")}} v
>}} value).>alue).
n33        <dfn>{{ Xref_cssinitial() }}</dfn> {{cssinitial("break-ben33        <dfn>{{Xref_cssinitial}}</dfn> {{cssinitial("break-before
>fore")}}>")}}
n39        <dfn>{{ Xref_cssinherited() }}</dfn> non39        <dfn>{{Xref_cssinherited}}</dfn> no
40      </li>
41      <li>40      </li>
41      <li>
42        <dfn>Media</dfn> {{ xref_cssvisual() }}42        <dfn>Media</dfn> {{xref_cssvisual}}
43      </li>
44      <li>43      </li>
44      <li>
45        <dfn>{{ Xref_csscomputed() }}</dfn> as specified45        <dfn>{{Xref_csscomputed}}</dfn> as specified
46      </li>
47      <li>46      </li>
47      <li>
48        <dfn>{{ Xref_cssanimatable() }}</dfn> no48        <dfn>{{Xref_cssanimatable}}</dfn> no
49      </li>
50      <li>49      </li>
50      <li>
51        <dfn>{{ Xref_csscanonicalorder() }}</dfn> the unique non-51        <dfn>{{Xref_csscanonicalorder}}</dfn> the unique non-ambi
>ambiguous order defined by the formal grammar>guous order defined by the formal grammar
n89        Always force page breaks before the principle box. This in89        Always force page breaks before the principle box. This i
>s a synonym of <code>page</code>, it has been kept to facilitate >s a synonym of <code>page</code>, it has been kept to facilitate 
>transition from {{ cssxref("page-break-before") }} which is subse>transition from {{cssxref("page-break-before")}} which is subset 
>t of this property.>of this property.
n122        <code>region</code> {{ experimental_inline() }}n122        <code>region</code> {{experimental_inline}}
n128        <code>recto</code> {{ experimental_inline() }}n128        <code>recto</code> {{experimental_inline}}
n134        <code>verso</code> {{ experimental_inline() }}n134        <code>verso</code> {{experimental_inline}}
n152        <code>avoid-region</code> {{ experimental_inline() }}n152        <code>avoid-region</code> {{experimental_inline}}
n161    <p>n
162      &nbsp;
163    </p>
n184            {{ SpecName('CSS3 Fragmentation', '#break-before', 'bn181            {{SpecName('CSS3 Fragmentation', '#break-before', 'br
>reak-before') }}>eak-before')}}
185          </td>
186          <td>182          </td>
183          <td>
187            {{ Spec2('CSS3 Fragmentation') }}184            {{Spec2('CSS3 Fragmentation')}}
188          </td>
189          <td>185          </td>
186          <td>
190            Adds the <code>recto</code> and <code>verso</code> ke187            Adds the <code>recto</code> and <code>verso</code> ke
>ywords. Changes the media type of this property from <code>paged<>ywords. Changes the media type of this property from <code>paged<
>/code> to {{ xref_cssvisual() }}. Precises the breaking algorithm>/code> to {{xref_cssvisual}}. Precises the breaking algorithm wit
> with different kinds of breaks.>h different kinds of breaks.
n195            {{ SpecName('CSS3 Regions', '#break-before', 'break-bn192            {{SpecName('CSS3 Regions', '#break-before', 'break-be
>efore') }}>fore')}}
196          </td>
197          <td>193          </td>
194          <td>
198            {{ Spec2('CSS3 Regions') }}195            {{Spec2('CSS3 Regions')}}
n206            {{ SpecName('CSS3 Multicol', '#break-before', 'break-n203            {{SpecName('CSS3 Multicol', '#break-before', 'break-b
>before') }}>efore')}}
207          </td>
208          <td>204          </td>
205          <td>
209            {{ Spec2('CSS3 Multicol') }}206            {{Spec2('CSS3 Multicol')}}
210          </td>
211          <td>207          </td>
208          <td>
212            Initial specification. Extends the CSS 2.1 {{ cssxref209            Initial specification. Extends the CSS 2.1 {{cssxref(
>("page-break-before") }} property to handle both page and column >"page-break-before")}} property to handle both page and column br
>breaks.>eaks.
n217    <h2 id="Browser_Compatibility" name="Browser_Compatibility">n214    <h2 id="Browser_compatibility" name="Browser_compatibility">
n220    <p>n217    <div>
221      {{ CompatibilityTable() }}218      {{CompatibilityTable}}
222    </p>219    </div>
n251              {{ CompatNo() }} [*]n248              {{CompatNo}} [*]
252            </td>
253            <td>249            </td>
250            <td>
254              {{ CompatNo() }}251              {{CompatNo}}
n263              {{ CompatNo() }} [*]n260              {{CompatNo}} [*]
n271              {{ CompatNo() }} [*]n268              {{CompatNo}} [*]
272            </td>
273            <td>269            </td>
270            <td>
274              {{ CompatNo() }}271              {{CompatNo}}
n283              {{ CompatNo() }} [*]n280              {{CompatNo}} [*]
284            </td>
285          </tr>
286          <tr>
287            <td>281            </td>
282          </tr>
283          <tr>
284            <td>
288              <code>recto</code>, <code>verso</code> {{ experimen285              <code>recto</code>, <code>verso</code> {{experiment
>tal_inline() }}>al_inline}}
289            </td>
290            <td>286            </td>
291              {{ CompatNo() }}
292            </td>287            <td>
288              {{CompatNo}}
293            <td>289            </td>
294              {{ CompatNo() }}
295            </td>290            <td>
291              {{CompatNo}}
296            <td>292            </td>
297              {{ CompatNo() }}
298            </td>293            <td>
294              {{CompatNo}}
299            <td>295            </td>
300              {{ CompatNo() }}
301            </td>296            <td>
297              {{CompatNo}}
302            <td>298            </td>
303              {{ CompatNo() }}
304            </td>299            <td>
305          </tr>300              {{CompatNo}}
306          <tr>
307            <td>301            </td>
302          </tr>
303          <tr>
304            <td>
308              <code>region</code>, <code>avoid-region</code> {{ e305              <code>region</code>, <code>avoid-region</code> {{ex
>xperimental_inline() }}>perimental_inline}}
309            </td>
310            <td>306            </td>
311              {{ CompatNo() }} [*]
312            </td>307            <td>
308              {{CompatNo}} [*]
313            <td>309            </td>
314              {{ CompatNo() }}
315            </td>310            <td>
311              {{CompatNo}}
316            <td>312            </td>
317              {{ CompatNo() }}
318            </td>313            <td>
314              {{CompatNo}}
319            <td>315            </td>
320              {{ CompatNo() }}
321            </td>316            <td>
317              {{CompatNo}}
322            <td>318            </td>
319            <td>
323              {{ CompatNo() }} [*]320              {{CompatNo}} [*]
n357              {{ CompatNo() }} [*]n354              {{CompatNo}} [*]
358            </td>
359            <td>355            </td>
360              {{ CompatNo() }}
361            </td>356            <td>
357              {{CompatNo}}
362            <td>358            </td>
363              {{ CompatUnknown() }}
364            </td>359            <td>
360              {{CompatUnknown}}
365            <td>361            </td>
366              {{ CompatUnknown() }}
367            </td>362            <td>
363              {{CompatUnknown}}
368            <td>364            </td>
365            <td>
369              {{ CompatNo() }} [*]366              {{CompatNo}} [*]
n377              {{ CompatNo() }} [*]n374              {{CompatNo}} [*]
378            </td>
379            <td>375            </td>
380              {{ CompatNo() }}
381            </td>376            <td>
377              {{CompatNo}}
382            <td>378            </td>
383              {{ CompatUnknown() }}
384            </td>379            <td>
380              {{CompatUnknown}}
385            <td>381            </td>
386              {{ CompatUnknown() }}
387            </td>382            <td>
383              {{CompatUnknown}}
388            <td>384            </td>
389              {{ CompatNo() }} [*]
390            </td>385            <td>
391          </tr>386              {{CompatNo}} [*]
392          <tr>
393            <td>387            </td>
388          </tr>
389          <tr>
390            <td>
394              <code>recto</code>, <code>verso</code> {{ experimen391              <code>recto</code>, <code>verso</code> {{experiment
>tal_inline() }}>al_inline}}
395            </td>
396            <td>392            </td>
397              {{ CompatNo() }}
398            </td>393            <td>
394              {{CompatNo}}
399            <td>395            </td>
400              {{ CompatNo() }}
401            </td>396            <td>
397              {{CompatNo}}
402            <td>398            </td>
403              {{ CompatNo() }}
404            </td>399            <td>
400              {{CompatNo}}
405            <td>401            </td>
406              {{ CompatNo() }}
407            </td>402            <td>
403              {{CompatNo}}
408            <td>404            </td>
409              {{ CompatNo() }}
410            </td>405            <td>
411          </tr>406              {{CompatNo}}
412          <tr>
413            <td>407            </td>
408          </tr>
409          <tr>
410            <td>
414              <code>region</code>, <code>avoid-region</code> {{ e411              <code>region</code>, <code>avoid-region</code> {{ex
>xperimental_inline() }}>perimental_inline}}
415            </td>
416            <td>412            </td>
417              {{ CompatNo() }} [*]
418            </td>413            <td>
414              {{CompatNo}} [*]
419            <td>415            </td>
420              {{ CompatNo() }}
421            </td>416            <td>
417              {{CompatNo}}
422            <td>418            </td>
423              {{ CompatNo() }}
424            </td>419            <td>
420              {{CompatNo}}
425            <td>421            </td>
426              {{ CompatNo() }}
427            </td>422            <td>
423              {{CompatNo}}
428            <td>424            </td>
425            <td>
429              {{ CompatNo() }}[*]426              {{CompatNo}}[*]
n436      [*] WebKit browsers doesn't support this property; but somen433      [*] WebKit browsers doesn't support this property; but some
> have the non-standard <code>-webkit-column-break-before</code> a> have the non-standard <code>-webkit-column-break-before</code> a
>nd <code>-webkit-region-break-before</code> with similar paramete>nd <code>-webkit-region-break-before</code> with similar paramete
>rs as {{ cssxref("page-break-before") }}.>rs as {{cssxref("page-break-before")}}.
t442      <li>{{ CSS_Reference:Columns() }}t439      <li>{{CSS_Reference:Columns}}

Back to History