blob: 54c93a3ae646906b7f0becda43fb10f4a7875248 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
---
title: '-ms-wrap-flow'
slug: Web/CSS/-ms-wrap-flow
tags:
- CSS
- Non-standard
- Propriété
- Reference
translation_of: Archive/Web/CSS/-ms-wrap-flow
---
<div>{{CSSRef}}{{non-standard_header}}</div>
<p>La propriété CSS <strong><code>-ms-wrap-flow</code></strong> est <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">une propriété spécifique à Microsoft</a> qui indique comment les exclusions jouent sur le contenu en ligne (<em>inline</em>) au sein des éléments de bloc.</p>
<h2 id="Syntax" name="Syntax">Syntaxe</h2>
<h3 id="Values" name="Values">Valeurs</h3>
<dl>
<dt><code>auto</code></dt>
<dd>
<p>Une exclusion est créée pour les éléments flottants. Pour les éléments non-flottants, aucune exclusion n'est créée.</p>
</dd>
<dt><code>both</code></dt>
<dd>
<p>Le contenu en ligne peut s'écouler sur chaque côté de l'exclusion.</p>
</dd>
<dt><code>start</code></dt>
<dd>
<p>Le contenu en ligne peut passer à la ligne au début de la zone d'exclusion mais ne peut occuper la partie située après la zone d'exclusion.</p>
</dd>
<dt><code>end</code></dt>
<dd>
<p>Le contenu en ligne peut passer à la ligne après la zone d'exclusion mais ne peut occuper la partie située avant la zone d'exclusion.</p>
</dd>
<dt><code>maximum</code></dt>
<dd>
<p>Le contenu en ligne peut passer à ligne sur le côté de l'exclusion qui dispose de l'espace le plus grand pour cette ligne (l'autre côté est alors laissé vide).</p>
</dd>
<dt><code>clear</code></dt>
<dd>
<p>Le contenu en ligne peut uniquement passer à la ligne au dessus et en dessous de l'exclusion, les zones avant le début et après la fin de l'exclusion sont laissées vide.</p>
</dd>
</dl>
<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3>
<pre class="syntaxbox">{{csssyntax}}
</pre>
<h2 id="Specifications" name="Specifications">Spécifications</h2>
<p>Cette propriété n'est pas une propriété standard et ne fait partie d'aucune spécification.</p>
<p>{{cssinfo}}</p>
<h2 id="Remarks" name="Remarks">Notes</h2>
<p>La propriété <code>-ms-wrap-flow</code> transforme un élément en exclusion lorsque sa valeur calculée est différente de <code>auto</code>. Cette propriété définit le comportement du contenu en ligne autour de cet élément d'exclusion (de façon similaire aux éléments flottants).</p>
<p>Lorsque <code>-ms-wrap-flow</code> a une valeur calculée différente de <code>auto</code>, l'élément ne devient pas un élément d'exclusion, sauf si la valeur calculée de la propriété <code>float</code> n'est pas <code>none</code>. Dans ce cas, l'élément fournit sa bordure au contexte du bloc englobant et le flux du contenu s'adapte selon la propriété {{cssxref("clear")}}.</p>
<p>Pour plus d'informations sur l'impact d'un élément d'exclusion quant au flux du contenu, voir la section <a href="https://drafts.csswg.org/css-exclusions-1/#terms">Terminologie</a> de la spécification de niveau 1 pour les exclusions CSS.</p>
|
