diff options
Diffstat (limited to 'files/fr/web/css')
99 files changed, 0 insertions, 6319 deletions
diff --git a/files/fr/web/css/-moz-binding/index.html b/files/fr/web/css/-moz-binding/index.html deleted file mode 100644 index 509abfe15a..0000000000 --- a/files/fr/web/css/-moz-binding/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: '-moz-binding' -slug: Web/CSS/-moz-binding -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference - - XBL -translation_of: Archive/Web/CSS/-moz-binding ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-moz-binding</code></strong>, utilisée par les applications Mozilla, permet d'attacher une liaison (<em>binding</em>) <a href="/fr/docs/XBL">XBL</a> à un élément DOM.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="brush:css">/* Valeur de type <url> */ --moz-binding: url(http://www.exemple.org/xbl/htmlBindings.xml#checkbox); - -/* Valeurs globales */ --moz-binding: inherited; --moz-binding: initial; --moz-binding: unset; -</pre> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><url></code></dt> - <dd>L'URL (typ {{cssxref("<url>")}} depuis laquelle effectuer la liaison XBL (l'URL inclue le fragment d'identification)</dd> - <dt><code>none</code></dt> - <dd>Aucune liaison XBL n'est appliquée à l'élément.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: css">.exemple { - -moz-binding: url(http://www.exemple.org/xbl/htmlBindings.xml#radiobutton); -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-binding")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XBL/XBL_1.0_Reference/Binding_Attachment_and_Detachment">La référence XBL : attacher et détacher des <em>bindings</em></a></li> - <li><a href="/fr/docs/Tutoriel_XUL/Introduction_à_XBL">Tutoriel XUL : Introduction à XBL</a></li> -</ul> diff --git a/files/fr/web/css/-moz-border-bottom-colors/index.html b/files/fr/web/css/-moz-border-bottom-colors/index.html deleted file mode 100644 index 7f13373584..0000000000 --- a/files/fr/web/css/-moz-border-bottom-colors/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: '-moz-border-bottom-colors' -slug: Web/CSS/-moz-border-bottom-colors -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-moz-border-bottom-colors ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>Pour les applications Mozilla, la propriété <code><strong>-moz-border-bottom-colors</strong></code> définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté bas.</p> - -<pre class="brush:css no-line-numbers">/* Une couleur */ -/* Type <color> */ --moz-border-bottom-colors: #f0f0f0; - -/* Plusieurs valeurs <color> */ --moz-border-bottom-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valeurs globales */ --moz-border-bottom-colors: inherit; --moz-border-bottom-colors: initial; --moz-border-bottom-colors: unset; -</pre> - -<p>Lorsque la bordure d'un élément est plus épaisse qu'un pixel CSS, chaque ligne de pixels utilisera une des couleurs indiquées (en allant de l'extérieur vers l'intérieur). Cela permet d'éviter l'utilisation de boîtes imbriquées. Si la bordure est plus large que le nombre de couleurs indiquées, la partie restante de la bordure sera peinte avec la couleur utilisée le plus à intérieur.</p> - -<p>{{cssinfo}}</p> - -<p>Cette propriété n'est pas appliquée :</p> - -<ol> - <li>Si {{cssxref("border-style")}} vaut <code>dashed</code> ou <code>dotted</code>.</li> - <li>Aux tableaux pour lesquels <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>Cette propriété permet d'utiliser une liste de couleurs séparées par des blancs.</p> - -<dl> - <dt><code><color></code></dt> - <dd>Définit la couleur à utiliser pour une ligne de pixels de la bordure basse. La valeur <code>transparent</code> est valide. Voir {{cssxref("<color>")}} pour les valeurs et unités possibles.</dd> - <dt><code>none</code></dt> - <dd>La valeur initiale de la propriété, aucune couleur n'est utilisée ou {{cssxref("border-color")}} est utilisée si elle est définie.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush:css">#exemple { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush:html"><div id="exemple">Exemple</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 120, 90)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-border-bottom-colors")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{cssxref("-moz-border-top-colors")}}</li> - <li>{{cssxref("-moz-border-right-colors")}}</li> - <li>{{cssxref("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-border-left-colors/index.html b/files/fr/web/css/-moz-border-left-colors/index.html deleted file mode 100644 index 417c62f00a..0000000000 --- a/files/fr/web/css/-moz-border-left-colors/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-moz-border-left-colors' -slug: Web/CSS/-moz-border-left-colors -tags: - - CSS - - Non-standard - - Reference -translation_of: Archive/Web/CSS/-moz-border-left-colors ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>Pour les applications Mozilla, la propriété <code><strong>-moz-border-left-colors</strong></code> définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté gauche.</p> - -<pre class="brush:css no-line-numbers">/* Une couleur */ -/* Type <color> */ --moz-border-left-colors: #f0f0f0; - -/* Plusieurs valeurs <color> */ --moz-border-left-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valeurs globales */ --moz-border-left-colors: inherit; --moz-border-left-colors: initial; --moz-border-left-colors: unset; -</pre> - -<p>Lorsque la bordure d'un élément est plus épaisse qu'un pixel CSS, chaque ligne de pixels utilisera une des couleurs indiquées (en allant de l'extérieur vers l'intérieur). Cela permet d'éviter l'utilisation de boîtes imbriquées. Si la bordure est plus large que le nombre de couleurs indiquées, la partie restante de la bordure sera peinte avec la couleur utilisée le plus à intérieur.</p> - -<p>{{cssinfo}}</p> - -<p>Cette propriété n'est pas appliquée :</p> - -<ol> - <li>Si {{cssxref("border-style")}} vaut <code>dashed</code> ou <code>dotted</code>.</li> - <li>Aux tableaux pour lesquels <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>Cette propriété permet d'utiliser une liste de couleurs séparées par des blancs.</p> - -<dl> - <dt><code><color></code></dt> - <dd>Définit la couleur à utiliser pour une ligne de pixels de la bordure gauche. La valeur <code>transparent</code> est valide. Voir {{cssxref("<color>")}} pour les valeurs et unités possibles.</dd> - <dt><code>none</code></dt> - <dd>La valeur initiale de la propriété, aucune couleur n'est utilisée ou {{cssxref("border-color")}} est utilisée si elle est définie.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush:css">#exemple { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush:html"><div id="exemple">Exemple</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 120, 90)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-border-left-colors")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{cssxref("-moz-border-top-colors")}}</li> - <li>{{cssxref("-moz-border-bottom-colors")}}</li> - <li>{{cssxref("-moz-border-right-colors")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-border-right-colors/index.html b/files/fr/web/css/-moz-border-right-colors/index.html deleted file mode 100644 index ee49e0effe..0000000000 --- a/files/fr/web/css/-moz-border-right-colors/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: '-moz-border-right-colors' -slug: Web/CSS/-moz-border-right-colors -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-moz-border-right-colors ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>Pour les applications Mozilla, la propriété <code><strong>-moz-border-right-colors</strong></code> définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté droit.</p> - -<pre class="brush:css no-line-numbers">/* Une couleur */ -/* Type <color> */ --moz-border-right-colors: #f0f0f0; - -/* Plusieurs valeurs <color> */ --moz-border-right-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valeurs globales */ --moz-border-right-colors: inherit; --moz-border-right-colors: initial; --moz-border-right-colors: unset; -</pre> - -<p>Lorsque la bordure d'un élément est plus épaisse qu'un pixel CSS, chaque ligne de pixels utilisera une des couleurs indiquées (en allant de l'extérieur vers l'intérieur). Cela permet d'éviter l'utilisation de boîtes imbriquées. Si la bordure est plus large que le nombre de couleurs indiquées, la partie restante de la bordure sera peinte avec la couleur utilisée le plus à intérieur.</p> - -<p>{{cssinfo}}</p> - -<p>Cette propriété n'est pas appliquée :</p> - -<ol> - <li>Si {{cssxref("border-style")}} vaut <code>dashed</code> ou <code>dotted</code>.</li> - <li>Aux tableaux pour lesquels <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>Cette propriété permet d'utiliser une liste de couleurs séparées par des blancs.</p> - -<dl> - <dt><code><color></code></dt> - <dd>Définit la couleur à utiliser pour une ligne de pixels de la bordure droite. La valeur <code>transparent</code> est valide. Voir {{cssxref("<color>")}} pour les valeurs et unités possibles.</dd> - <dt><code>none</code></dt> - <dd>La valeur initiale de la propriété, aucune couleur n'est utilisée ou {{cssxref("border-color")}} est utilisée si elle est définie.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush:css">#exemple { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush:html"><div id="exemple">Exemple</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 120, 90)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-border-right-colors")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{cssxref("-moz-border-top-colors")}}</li> - <li>{{cssxref("-moz-border-bottom-colors")}}</li> - <li>{{cssxref("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-border-top-colors/index.html b/files/fr/web/css/-moz-border-top-colors/index.html deleted file mode 100644 index cbb381bab6..0000000000 --- a/files/fr/web/css/-moz-border-top-colors/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: '-moz-border-top-colors' -slug: Web/CSS/-moz-border-top-colors -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-moz-border-top-colors ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>Pour les applications Mozilla, la propriété {{cssxref("-moz-border-top-colors")}} définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté haut.</p> - -<pre class="brush:css no-line-numbers">/* Une couleur */ -/* Type <color> */ --moz-border-top-colors: #f0f0f0; - -/* Plusieurs valeurs <color> */ --moz-border-top-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valeurs globales */ --moz-border-top-colors: inherit; --moz-border-top-colors: initial; --moz-border-top-colors: unset; -</pre> - -<p>Lorsque la bordure d'un élément est plus épaisse qu'un pixel CSS, chaque ligne de pixels utilisera une des couleurs indiquées (en allant de l'extérieur vers l'intérieur). Cela permet d'éviter l'utilisation de boîtes imbriquées. Si la bordure est plus large que le nombre de couleurs indiquées, la partie restante de la bordure sera peinte avec la couleur utilisée le plus à intérieur.</p> - -<p>{{cssinfo}}</p> - -<p>Cette propriété n'est pas appliquée :</p> - -<ol> - <li>Si {{cssxref("border-style")}} vaut <code>dashed</code> ou <code>dotted</code>.</li> - <li>Aux tableaux pour lesquels <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>Cette propriété permet d'utiliser une liste de couleurs séparées par des blancs.</p> - -<dl> - <dt><code><color></code></dt> - <dd>Définit la couleur à utiliser pour une ligne de pixels de la bordure haute. La valeur <code>transparent</code> est valide. Voir {{cssxref("<color>")}} pour les valeurs et unités possibles.</dd> - <dt><code>none</code></dt> - <dd>La valeur initiale de la propriété, aucune couleur n'est utilisée ou {{cssxref("border-color")}} est utilisée si elle est définie.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush:css">#exemple { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush:html"><div id="exemple">Exemple</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 120, 90)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-border-top-colors")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{cssxref("-moz-border-right-colors")}}</li> - <li>{{cssxref("-moz-border-bottom-colors")}}</li> - <li>{{cssxref("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-stack-sizing/index.html b/files/fr/web/css/-moz-stack-sizing/index.html deleted file mode 100644 index dab5eb2287..0000000000 --- a/files/fr/web/css/-moz-stack-sizing/index.html +++ /dev/null @@ -1,62 +0,0 @@ ---- -title: '-moz-stack-sizing' -slug: Web/CSS/-moz-stack-sizing -tags: - - CSS - - Non-standard - - Propriété - - Reference - - XUL -translation_of: Archive/Web/CSS/-moz-stack-sizing ---- -<div>{{Non-standard_header}}{{CSSRef}}{{gecko_minversion_header("1.9.1")}}</div> - -<p>La propriété <strong><code>-moz-stack-sizing</code></strong> est une propriété propriétaire. Normalement, un élément {{XULElem("stack")}} changera sa taille pour que tous ses éléments fils soient complètement visibles. Ainsi, si on déplace un élément fils de cette pile vers la droite, la pile s'élargira pour que l'élément reste visible.</p> - -<pre class="brush:css">/* Valeurs avec un mot-clé */ --moz-stack-sizing: stretch-to-fit; --moz-stack-sizing: ignore; - -/* Valeurs globales */ --moz-stack-sizing: inherit; --moz-stack-sizing: initial; --moz-stack-sizing: unset; -</pre> - -<p>Si on veut empêcher le redimensionnement automatique, on pourra définir <code>-moz-stack-sizing</code> avec la valeur <code>ignore</code> sur l'élément fils. La propriété n'est pas définie sur la pile elle-même mais sur les éléments fils de la pile. Cela permet d'ignorer certains éléments fils mais pas d'autres.</p> - -<p class="note"><strong>Note :</strong> Dans les versions antérieures de Gecko, on pouvait contourner ce problème en définissant des marges basse et droite négatives sur la pile et des marges basse et droite positives sur les éléments fils qu'on ne souhaitait pas ignorer.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>stretch-to-fit</code></dt> - <dd>L'élément enfant influencera la taille de la pile.</dd> - <dt><code>ignore</code></dt> - <dd>La pile ne prendra pas en compte cet élément enfant lors du calcul de la taille.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush:css">.mainsheet { - -moz-stack-sizing: ignore; -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{bug("346189")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-text-blink/index.html b/files/fr/web/css/-moz-text-blink/index.html deleted file mode 100644 index dd11eb1154..0000000000 --- a/files/fr/web/css/-moz-text-blink/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: '-moz-text-blink' -slug: Web/CSS/-moz-text-blink -tags: - - CSS - - Non-standard - - Obsolete - - Propriété - - Reference -translation_of: Archive/Web/CSS/-moz-text-blink ---- -<div>{{CSSRef}}{{non-standard_header}}{{Obsolete_Header(26)}}</div> - -<p>La propriété CSS non-standard <strong><code>-moz-text-blink</code></strong> détermine le mode de clignotement.</p> - -<div class="note"> -<p><strong>Note :</strong> Firefox, qui était le seul des principaux navigateurs à la prendre en charge, a abandonné son support dans Firefox 26. Désormais, plus aucun navigateur ne la prend en charge.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd>Il n'y a pas de clignotement.</dd> - <dt><code>blink</code></dt> - <dd>Le texte clignote. <em>Ne pas</em> faire clignoter le texte est l'une des techniques pour respecter le <a href="https://www.w3.org/TR/UAAG/guidelines.html#tech-on-off-blinking-text" rel="external nofollow" title="http://www.w3.org/TR/UAAG/guidelines.html#tech-on-off-blinking-text">point de contrôle 3.3 des WAI-UAAG</a>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush:css">.exemple { - -moz-text-blink: blink; -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété était définie dans un <a href="https://www.w3.org/TR/2003/CR-css3-text-20030514/#text-blink">ancien brouillon de la spécification CSS 3 Text</a>. Sa définition a été supprimée des nouvelles versions.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-text-blink")}}</p> diff --git a/files/fr/web/css/-moz-window-shadow/index.html b/files/fr/web/css/-moz-window-shadow/index.html deleted file mode 100644 index 4312b16d54..0000000000 --- a/files/fr/web/css/-moz-window-shadow/index.html +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: '-moz-window-shadow' -slug: Web/CSS/-moz-window-shadow -tags: - - CSS - - Non-standard - - Obsolete - - Propriété - - Reference - - XUL -translation_of: Archive/Web/CSS/-moz-window-shadow ---- -<p>{{CSSRef}}{{Non-standard_Header}}{{deprecated_Header("Gecko44")}}</p> - -<p>La propriété <strong><code>-moz-window-shadow</code></strong> définit si une fenêtre doit avoir une ombre. Cette propriété ne fonctionne que pour Mac OS X.</p> - -<div class="note"> -<p><strong>Note :</strong> Cette propriété n'est pas standard et ne peut plus être utilisée depuis Firefox 44.</p> -</div> - -<p>Firefox 3 a ajouté la prise en charge des fenêtres transparentes sur Mac OS X. Cependant, les ombres pour ces fenêtres étaient désactivées et il n'y avait aucun moyen de les activer.Avec Firefox 3.5, le comportement par défaut a été modifié. Toutes les fenêtres ont une ombre et la propriété <code>-moz-window-shadow</code> a été introduite afin de désactiver les ombres indésirables.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-moz-window-shadow</code> est définie avec l'un des mots-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>default</code></dt> - <dd>La fenêtre aura une ombre avec le style par défaut.</dd> - <dt><code>menu</code></dt> - <dd>La fenêtre aura une ombre dont le style est approprié pour les menus.</dd> - <dt><code>tooltip</code></dt> - <dd>La fenêtre aura une ombre dont le style est approprié pour les bulles d'information.</dd> - <dt><code>sheet</code></dt> - <dd>La fenêtre aura une ombre dont le style est approprié pour les fenêtres qui sont des feuilles.</dd> - <dt><code>none</code></dt> - <dd>La fenêtre n'aura pas d'ombre.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush:css">.KUI-panel { - -moz-window-shadow: none; -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-window-shadow")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{XULElem("panel")}}</li> - <li>{{XULElem("window")}}</li> -</ul> diff --git a/files/fr/web/css/-ms-accelerator/index.html b/files/fr/web/css/-ms-accelerator/index.html deleted file mode 100644 index 048b5b6f09..0000000000 --- a/files/fr/web/css/-ms-accelerator/index.html +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: '-ms-accelerator' -slug: Web/CSS/-ms-accelerator -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-accelerator ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La <a href="/fr/docs/Web/CSS/Reference">propriété</a> <a href="/fr/docs/Web/CSS">CSS</a> <code><strong>-ms-accelerator</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">extension Microsoft </a>qui définit ou récupère une chaîne qui indique si l'objet représente un raccourci clavier.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="brush: css">/* L'objet n'est pas un raccourci clavier (par défaut) */ --ms-accelerator: false -/* L'objet est un raccourci clavier */ --ms-accelerator: true -</pre> - -<p> </p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>false</code></dt> - <dd> - <p>L'objet n'est pas un raccourci clavier.</p> - </dd> - <dt><code>true</code></dt> - <dd> - <p>L'objet est un raccourci clavier.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Cet exemple utilise l'attribut <code>-ms-accelerator</code> dans un élément {{HTMLElement("u")}} pour spécifier que 'N' est la touche d'accès qui permettra d'accéder à l'élément {{HTMLElement("label")}}. Si l'option "souligner les raccourcis clavier" n'est pas activée dans les propriétés d'affichage Windows de l'utilisateur, 'N' ne sera pas souligné tant que la touche <kbd>Alt</kbd> ne sera pas enfoncée. Lorsque l'utilisateur appuie sur <kbd>Alt</kbd>+<kbd>N</kbd>, l'élément {{HTMLElement("input")}} qui possède l'attribut {{htmlattrxref("accessKey","input")}} avec pour valeur 'N' reçoit le focus.</p> - -<pre class="brush: html"><!DOCTYPE html> - -<html> - <head> - <title>Accelerator</title> - </head> - <body> - <label for="oNom"><u style="-ms-accelerator: true; accelerator: true">N</u>om: </label> - <input type="text" - id="oNom" - size="25" - accesskey="N" - value="Votre nom ici" /> - </body> -</html><strong> -</strong></pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est prise en charge par Windows 2000 et les versions ultérieures. Elle permet aux utilisateurs de masquer les indicateurs de navigation pour les éléments de menu et les contrôles tant que la touche <kbd>Alt</kbd> n'est pas enfoncée.</p> - -<p>Une touche d'accès (<em>access key</em>) est un caractère utilisé comme raccourci clavier pour sélectionner un objet. L'utilisateur effectue la combinaison de touches <kbd>Alt</kbd> + touche d'accès pour déplacer le focus sur l'objet demandé et déclencher l'évènement associé à cet objet.</p> - -<p>Dans Internet Explorer 8 (IE8) l'attribut <code>-ms-accelerator</code> est une extension CSS, et peut être utilisé comme synonyme de <code>accelerator</code><strong> </strong>dans le mode standard d'IE 8.</p> diff --git a/files/fr/web/css/-ms-block-progression/index.html b/files/fr/web/css/-ms-block-progression/index.html deleted file mode 100644 index 502f1fb6b7..0000000000 --- a/files/fr/web/css/-ms-block-progression/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-block-progression' -slug: Web/CSS/-ms-block-progression -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-block-progression ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-block-progression</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui indique la progression du bloc et l'orientation de la disposition.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-block-progression</code> est définie grâce à l'un des mots-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>tb</code></dt> - <dd>La valeur par défaut. Les blocs s'écoulent de haut en bas et la disposition est horizontale.</dd> - <dt><code>rl</code></dt> - <dd>Les blocs s'écoulent de droite à gauche et la disposition est verticale.</dd> - <dt><code>bt</code></dt> - <dd>Les blocs s'écoulent de bas en haut et la disposition est horizontale.</dd> - <dt><code>lr</code></dt> - <dd>Les blocs s'écoulent de gauche à droite et la disposition est verticale</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Avec une disposition verticale, les lignes de textes sont tournées de 90° dans le sens des aiguilles d'une montre. Les images ne sont pas tournées mais les tableaux sont tournés. La disposition des boîtes avec un orientatiofrn verticale est strictement analogue à la disposition avec une orientation horizontale : la largeur, la hauteur, <code>top</code>, <code>bottom</code>, <code>right</code> et <code>left</code> ne tournent pas avec le texte.</p> - -<p>Seul un seul mode de progression peut être actif à un moment donné. Ces valeurs ne peuvent pas êtres combinées.</p> - -<p>Cette propriété est basée sur la propriété <code>block-progression</code> décrite dans le module de spécification CSS3 Text Layout.</p> diff --git a/files/fr/web/css/-ms-content-zoom-chaining/index.html b/files/fr/web/css/-ms-content-zoom-chaining/index.html deleted file mode 100644 index 5a016f2178..0000000000 --- a/files/fr/web/css/-ms-content-zoom-chaining/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-content-zoom-chaining' -slug: Web/CSS/-ms-content-zoom-chaining -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-chaining ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-chaining</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui indique le comportement du zoom lorsque l'utilisateur atteint la limite du zoom lors de son utilisation.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-chaining</code></strong> est définie grâce à l'un des mots-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd>La valeur par défaut. Un effet de rebondissement est déclenché lorsque l'utilisateur atteint la limite.</dd> - <dt><code>chained</code></dt> - <dd>Le zoom est fait sur le plus proche parent qui peut être zoomé lorsque l'utilisateur atteint la limite. Aucun effet de rebondissement n'est affiché.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact sur les éléments qui ne peuvent pas être zoomés. Pour plus d'informations sur les éléments pouvant être zoomés, voir <code><a href="/fr/docs/Web/CSS/-ms-content-zooming">-ms-content-zooming</a></code>.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Il est nécessaire d'avoir Windows 8 ou une version ultérieure afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-limit-max/index.html b/files/fr/web/css/-ms-content-zoom-limit-max/index.html deleted file mode 100644 index b683e617b5..0000000000 --- a/files/fr/web/css/-ms-content-zoom-limit-max/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: '-ms-content-zoom-limit-max' -slug: Web/CSS/-ms-content-zoom-limit-max -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-limit-max ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-limit-max</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui détermine le facteur de zoom maximal.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-content-zoom-limit-max</code> est définie avec une valeur en pourcentage de la taillle sans zoom.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><percentage></code></dt> - <dd>Le facteur de zoom maximal proportionnellement à la taille originale (pour ce type de valeur cf. {{cssxref("<percentage>")}}).</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cet élément ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété contraint la limite pour le zoom tactile et les valeurs de la propriété <code><a href="/fr/docs/Web/CSS/msContentZoomFactor">msContentZoomFactor</a></code>. Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {{CSSXref("-ms-content-zooming")}} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-limit-min/index.html b/files/fr/web/css/-ms-content-zoom-limit-min/index.html deleted file mode 100644 index e4303cb9f1..0000000000 --- a/files/fr/web/css/-ms-content-zoom-limit-min/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: '-ms-content-zoom-limit-min' -slug: Web/CSS/-ms-content-zoom-limit-min -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-limit-min ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-limit-min</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui détermine le facteur de zoom minimal.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-content-zoom-limit-min</code> est définie avec une valeur en pourcentage de la taillle sans zoom.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><percentage></code></dt> - <dd>Le facteur de zoom minimal proportionnellement à la taille originale (pour ce type de valeur cf. {{cssxref("<percentage>")}}).</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cet élément ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété contraint la limite pour le zoom tactile et les valeurs de la propriété <code><a href="/fr/docs/Web/CSS/msContentZoomFactor">msContentZoomFactor</a></code>. Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {{CSSXRef("-ms-content-zooming")}} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-limit/index.html b/files/fr/web/css/-ms-content-zoom-limit/index.html deleted file mode 100644 index 420ad5c2ea..0000000000 --- a/files/fr/web/css/-ms-content-zoom-limit/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-content-zoom-limit' -slug: Web/CSS/-ms-content-zoom-limit -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-limit ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-limit</strong></code> est une propriété raccourcie <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui indique les valeurs à utiliser pour les propriétés {{CSSXref("-ms-content-zoom-limit-min")}} et {{CSSXref("-ms-content-zoom-limit-max")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-limit</code></strong> est définie avec une ou deux valeurs de limites de zoom, dans l'ordre qui suit et séparées par un espace.</p> - -<h3 id="Valeur">Valeur</h3> - -<dl> - <dt><code>-ms-content-zoom-limit-min</code></dt> - <dd>La valeur à utiliser pour la propriété <code><a href="/fr/docs/Web/CSS/-ms-content-zoom-limit-min">-ms-content-zoom-limit-min</a></code>.</dd> - <dt><code>-ms-content-zoom-limit-max</code></dt> - <dd>La valeur à utiliser pour la propriété <code><a href="/fr/docs/Web/CSS/-ms-content-zoom-limit-max">-ms-content-zoom-limit-max</a></code>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Pour plus d'informations sur les éléments pouvant être zoomés, voir <code><a href="/fr/docs/Web/CSS/-ms-content-zooming">-ms-content-zooming</a></code>.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Il est nécessaire d'avoir Windows 8 ou une version ultérieure afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-snap-points/index.html b/files/fr/web/css/-ms-content-zoom-snap-points/index.html deleted file mode 100644 index e600c0a099..0000000000 --- a/files/fr/web/css/-ms-content-zoom-snap-points/index.html +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: '-ms-content-zoom-snap-points' -slug: Web/CSS/-ms-content-zoom-snap-points -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-snap-points ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-snap-points</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui indique l'emplacement des points d'accroches pour les niveaux de zoom.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-snap-points</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>snapInterval(<start zoomfactors>, <step zoomfactors>)</code></dt> - <dd> - <p>Cette forme indique l'emplacement des points d'accroche pour le zoom :</p> - - <ul> - <li><em><start zoomfactor></em> indique l'emplacement du premier point d'accroche. Cette valeur est exprimée comme un nombre suivi d'un signe pourcent (%).</li> - <li><em><step zoomfactor></em> indique la distance entre les différents points d'accroche (en zoom et en dézoom) à partir du point d'accroche initial. Cette valeur est exprimée comme un nombre suivi d'un signe pourcent (%).</li> - </ul> - </dd> - <dt><code>snapList(<list zoomfactors>)</code></dt> - <dd> - <p>Cette forme indique la position des points d'accroche sous la forme d'une liste de points d'accroche indidivuels, séparés par des virgules. Chaque point d'accroche est exprimé comme un nombre suivi d'un caractère pourcent (%).</p> - - <ul> - <li>Si l'une des valeurs de <em><list zoomfactors></em> est inférieure à la valeur indiquée par la propriété {{CSSXref("-ms-content-zoom-limit-min")}}, ce sera la valeur de cette dernière qui sera utilisée.</li> - <li>Si l'une des valeurs de <em><list zoomfactors></em> est supérieure à la valeur définie par la propriété {{CSSXref("-ms-content-zoom-limit-max")}}, ce sera la valeur de cette dernière qui sera utilisée.</li> - </ul> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Cet exemple illustre les deux formes possibles pour une règle utilisant la propriété <code>-ms-content-zoom-snap-points</code>. Dans le premier sélecteur, le premier point d'accorche est situé à 0% puis l'intervalle à 100%. Dans le second sélecteur, chaque point d'accroche est explicitement listé : le premier à 100%, le deuxième à 200%, le troisième à 300%, etc.</p> - -<pre class="brush:css no-line-numbers language-css">.snappy1 { - -ms-content-zoom-snap-points: snapInterval(0%, 100%); - ... -} - -.snappy2 { - -ms-content-zoom-snap-points: snapList(100%, 200%, 300%, 400%, 500%); - ... - }</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {CSSXref("-ms-content-zooming")} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>Lorsqu'un utilisateur fait défiler du contenu ou le déplace puis retire le pointeur (doigt ou stylet), le contenu peut continuer à bouger avec une certaine inertie. Les points d'accroche permettent de modifier ce comportement en arrêtant cette inertie à certains niveaux. Utiliser des points d'accroches permet ainsi d'éviter que le contenu se déplace ou se zoome/dézoome à des niveaux qui ne seraient pas pertinents.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-snap-type/index.html b/files/fr/web/css/-ms-content-zoom-snap-type/index.html deleted file mode 100644 index d2e52fc009..0000000000 --- a/files/fr/web/css/-ms-content-zoom-snap-type/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: '-ms-content-zoom-snap-type' -slug: Web/CSS/-ms-content-zoom-snap-type -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-snap-type ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-snap-type</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui définit la façon dont le zoom se comporte aux points d'accroche pour les niveaux de zoom.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-snap-type</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>La valeur par défaut. Les points d'accroche n'ont pas d'impact sur le zoom. Le contenu continuera à être zoomé / dézoomé après que l'action utilisateur se soit arrêtée.</p> - </dd> - <dt><code>proximity </code></dt> - <dd> - <p>Cette valeur indique que le processus de zoom/dézoom s'arrête à peu près au niveau du point d'accroche après que l'interaction utilisateur ait cessé. Avec cette valeur, il est donc possible que <a href="/fr/docs/Web/CSS/msContentZoomFactor">le facteur de zoom du contenu</a> soit arrêté entre deux points d'accroche.</p> - </dd> - <dt><code>mandatory</code></dt> - <dd> - <p>Cette valeur indique que le processus de zoom/dézoom s'arrête obligatoirement sur un des points d'accroche après que l'interaction utilisateur ait cessé. Le point d'accroche sélectionné est le point d'accroche le plus proche <a href="/en-US/docs/Web/CSS/msContentZoomFactor ">du facteur de zoom du contenu</a> sur lequel le mouvement se serait arrêté.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {{CSSXRef("-ms-content-zooming")}} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>Lorsqu'un utilisateur fait défiler du contenu ou le déplace puis retire le pointeur (doigt ou stylet), le contenu peut continuer à bouger avec une certaine inertie. Les points d'accroche permettent de modifier ce comportement en arrêtant cette inertie à certains niveaux. Utiliser des points d'accroches permet ainsi d'éviter que le contenu se déplace ou se zoome/dézoome à des niveaux qui ne seraient pas pertinents.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-snap/index.html b/files/fr/web/css/-ms-content-zoom-snap/index.html deleted file mode 100644 index 2e3b584d59..0000000000 --- a/files/fr/web/css/-ms-content-zoom-snap/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-content-zoom-snap' -slug: Web/CSS/-ms-content-zoom-snap -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-snap ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-snap</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété raccourcie spécifique à Microsoft</a> qui définit les valeurs des proriétés {{CSSXref("-ms-content-zoom-snap-type")}} et {{CSSXref("-ms-content-zoom-snap-points")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-snap</code></strong> est définie avec une ou deux des valeurs suivantes, dans cet ordre et séparées par un espace.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>-ms-content-zoom-snap-type</code></dt> - <dd>La valeur à utiliser pour la propriété {{CSSXref("-ms-content-zoom-snap-type")}}.</dd> - <dt><code>-ms-content-zoom-snap-points</code></dt> - <dd>La valeur à utiliser pour la propriété {{CSSXref("-ms-content-zoom-snap-points")}}.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cet élément ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {{CSSXref("-ms-content-zooming")}} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zooming/index.html b/files/fr/web/css/-ms-content-zooming/index.html deleted file mode 100644 index 216a176781..0000000000 --- a/files/fr/web/css/-ms-content-zooming/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-ms-content-zooming' -slug: Web/CSS/-ms-content-zooming -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zooming ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zooming</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui indique si le zoom est autorisé.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zooming</code></strong> est définie avec l'un des mots-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd>La valeur initiale pour tous les éléments sauf ceux de plus haut niveau. L'élément ne peut pas être zoomé.</dd> - <dt><code>zoom </code></dt> - <dd>La valeur initiale pour l'élément de plus haut niveau. L'élément peut être zoomé.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact sauf si le dépassement est permis sur l'axe horizontal et sur l'axe vertical.</p> - -<p>Par défaut, les éléments pouvant être zoomés peuvent être zoomés au doigt avec un geste de "pincement". L'élément de plus haut niveau peut également être zoomés avec une double touche lorsque le zoom est autorisé.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Il est nécessaire d'avoir Windows 8 ou une version ultérieure afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-filter/index.html b/files/fr/web/css/-ms-filter/index.html deleted file mode 100644 index 5b0f0a3042..0000000000 --- a/files/fr/web/css/-ms-filter/index.html +++ /dev/null @@ -1,218 +0,0 @@ ---- -title: '-ms-filter' -slug: Web/CSS/-ms-filter -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-filter ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header}}</div> - -<p>La propriété <strong><code style="white-space: nowrap;">-ms-filter</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui permet de définir des filtres à appliquer à un objet.</p> - -<div class="warning"> -<p><strong>Attention !</strong> Ne pas confondre cette propriété et la propriété standard {{CSSxRef("filter")}} car les deux sont pleinement incompatibles.</p> -</div> - -<div class="warning"> -<p><strong>Attention !</strong> Cette fonctionnalité a été dépréciée avec Internet Explorer 9. Dans Internet Explorer 10, cette fonctionnalité a été supprimée et ne devrait plus être utilisée.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-filter</code> est définie avec une chaîne de caractères contenant une liste d'un ou plusieurs éléments, séparés par des espaces. Chacun de ces éléments peut avoir l'un des types suivants :</p> - -<ul> - <li><a href="https://msdn.microsoft.com/en-us/library/ms673539(v=vs.85).aspx">filtre</a></li> - <li><a href="https://msdn.microsoft.com/en-us/library/ms673540(v=vs.85).aspx">transition</a></li> - <li><a href="https://msdn.microsoft.com/en-us/library/ms673538(v=vs.85).aspx">surface procédurale</a></li> -</ul> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">filter: <a href="#-ms-filter-function"><-ms-filter-function></a><a href="/en-US/docs/Web/CSS/Value_definition_syntax#Plus_()">+</a> {{Deprecated_Inline}} --ms-filter: <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> "'" <a href="#-ms-filter-function"><-ms-filter-function></a><a href="/en-US/docs/Web/CSS/Value_definition_syntax#Hash_mark_()">#</a> "'" <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> '"' <a href="#-ms-filter-function"><-ms-filter-function></a><a href="/en-US/docs/Web/CSS/Value_definition_syntax#Hash_mark_()">#</a> '"' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a> - -où -<a id="-ms-filter-function"><-ms-filter-function></a> = <a href="#-ms-filter-function-progid"><-ms-filter-function-progid></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#-ms-filter-function-legacy"><-ms-filter-function-legacy></a> - -où -<a id="-ms-filter-function-progid"><-ms-filter-function-progid></a> = 'progid:' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> <ident-token> '.' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a><a href="/en-US/docs/CSS/Value_definition_syntax#Asterisk_(*)">*</a> <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> <ident-token> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <function-token> <any-value> ')' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a> -<a id="-ms-filter-function-legacy"><-ms-filter-function-legacy></a> = <ident-token> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <function-token> <any-value> ')'</pre> - -<p>La chaîne de caractères ({{CSSxRef("string")}}) contient la liste des filtres, transitions et surfaces procédurales. Voir <a href="https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms532853(v=vs.85)">la référence relative aux filtres et transitions</a> pour plus de détails.</p> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple suivant illustre comment utiliser la propriété <code>-ms-filter</code> dans Internet Explorer 8.</p> - -<pre class="brush: css">-ms-filter: 'progid:DXImageTransform.Microsoft.MotionBlur(strength=50), progid:DXImageTransform.Microsoft.BasicImage(mirror=1)'; -</pre> - -<p>L'exemple suivant illustre comment utiliser un style en incise pour appliquer un filtre sur une image.</p> - -<pre class="brush: html"><img style="filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=50) - progid:DXImageTransform.Microsoft.BasicImage(mirror=1)" - src="/workshop/samples/author/dhtml/graphics/cone.jpg" - height="80px" width="80px" alt="cone"> -</pre> - -<p>Dans l'exemple suivant, on voit comment utiliser les API scriptées pour définir un filtre sur une image.</p> - -<pre class="brush: html"><body> - <p>Click the image to start the filter.</p> - // Call the function. - <div id="filterFrom" - style="position: absolute; - width: 200px; - height: 250px; - background-color: white; - filter: revealTrans()"> - <img id="imageFrom" - style="position: absolute; - top: 20px; - left: 20px;" - src="sphere.jpg" - alt="sphere"> - <div id="filterTo" - style="position: absolute; - width: 200px; - height: 250px; - top: 20px; - left: 20px; - background: white; - visibility: hidden;"> - </div> - </div> - <script type="text/javascript"> - let filterImg = document.querySelector('#filterFrom'); - filterImg.addEventListener('click', doFilter); - - function doFilter () { - filterFrom.filters.item(0).Apply(); // 12 is the dissolve filter. - filterFrom.filters.item(0).Transition=12; - imageFrom.style.visibility = "hidden"; - filterTo.style.visibility = ""; - filterFrom.filters.item(0).play(14); - } - </script> -</body> -</pre> - -<h3 id="Dégradé">Dégradé</h3> - -<pre class="syntaxbox">progid:DXImageTransform.Microsoft.Gradient( <a href="#Gradient-Properties"><properties></a> ) - -où -<properties> = <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> <a href="#Gradient-Enabled"><Enabled></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-EndColor"><EndColor></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-EndColorStr"><EndColorStr></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-GradientType"><GradientType></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-StartColor"><StartColor></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-StartColorStr"><StartColorStr></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a><a href="/en-US/docs/Web/CSS/Value_definition_syntax#Hash_mark_()">#</a> - -où -<Enabled> = 'Enabled=' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> true <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> false <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a> -<EndColor> = 'StartColor=' {{CSSxRef("<color>")}} -<EndColorStr> = 'StartColorStr=' {{CSSxRef("<color>")}} -<GradientType> = 'GradientType=' {{CSSxRef("<integer>")}} -<StartColor> = 'StartColor=' {{CSSxRef("<color>")}} -<StartColorStr> = 'StartColorStr=' {{CSSxRef("<color>")}} -</pre> - -<dl> - <dt><code>Enabled</code></dt> - <dd><strong>Valeur par défaut :</strong> <code>true</code><br> - Utiliser <code>false</code> pour désactiver le dégradé.</dd> - <dt><code>EndColor</code></dt> - <dd>La couleur pour la fin du dégradé, seules les couleurs opaques (utilisant la notation <code>#RRGGBB</code>) sont prises en charge.</dd> - <dt><code>EndColorStr</code></dt> - <dd>La couleur pour la fin du dégradé avec une prise en charge des couleurs opaques avec la notation <code>#RRGGBB</code> et une prise en charge des couleurs avec la notation <code>#AARRGGBB</code>.</dd> - <dt><code>GradientType</code></dt> - <dd><strong>Valeur par défaut :</strong> <code>0</code> (ce qui est équivalent à {{CSSxRef("linear-gradient",'linear-gradient(to bottom, …)')}})<br> - Toute valeur non nulle rendra le dégradé horizontal (équivalent à {{CSSxRef("linear-gradient",'linear-gradient(to right, …)')}})</dd> - <dt><code>StartColor</code></dt> - <dd>La couleur pour le début du dégradé, seules les couleurs opaques (utilisant la notation <code>#RRGGBB</code>) sont prises en charge.</dd> - <dt><code>StartColorStr</code></dt> - <dd>La couleur pour le début du dégradé avec une prise en charge des couleurs opaques avec la notation <code>#RRGGBB</code> et une prise en charge des couleurs avec la notation <code>#AARRGGBB</code>.</dd> -</dl> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html"><div class="gradient horizontal"></div> -<div class="gradient vertical"></div> -</pre> - -<h4 id="CSS">CSS</h4> - -<div class="hidden"> -<pre class="brush: css">html, body { - overflow-x: hidden; - max-width: 100vw; -} - -.gradient { - width: 100vw; - height: 60px; - height: 50vh; -}</pre> -</div> - -<pre class="brush: css">.gradient.horizontal { - -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#000000", GradientType=1)'; - background-image: linear-gradient(to right, #ffffff 0%, #000000 100%); -} - -.gradient.vertical { - -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#000000", GradientType=0)'; - background-image: linear-gradient(to bottom, #ffffff 0%, #000000 100%); -} -</pre> - -<h4 id="Résultat">Résultat</h4> - -<p>{{EmbedLiveSample("Dégradé","100%","120")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique à Microsoft, ne doit pas être utilisée sur le Web et ne fait partie d'aucune spécification.</p> - -<p>{{CSSInfo("-ms-filter")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Le tableau suivant énumère les différents filtres DX spécifiques qui étaient fréquemment utilisés, avec leur équivalent en CSS standard :</p> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Nom du filtre DX</th> - <th scope="col">Alternative standard</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>Alpha</code></td> - <td>{{CSSxRef("opacity")}}</td> - </tr> - <tr> - <td><code>AlphaImageLoader</code></td> - <td>{{HTMLElement("img")}} ou {{CSSxRef("background-image")}} et les propriétés associées</td> - </tr> - <tr> - <td><code><a href="https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms532997(v=vs.85)">Gradient</a></code></td> - <td><code>{{CSSxRef("background-image")}}: {{CSSxRef("linear-gradient")}}</code></td> - </tr> - <tr> - <td><code>DropShadow</code></td> - <td>{{CSSxRef("text-shadow")}} ou {{CSSxRef("box-shadow")}}</td> - </tr> - <tr> - <td><code>Matrix</code></td> - <td>{{CSSxRef("transform")}}, {{CSSxRef("transform-origin")}}</td> - </tr> - </tbody> -</table> - -<p>Pour Windows Internet Explorer 8, la propriété <code style="white-space: nowrap;">-ms-filter</code> est une extension à CSS et peut être utilisée comme synonyme de {{CSSxRef("filter")}} en mode standard IE8.</p> - -<p>Un objet doit avoir une disposition où afficher le filtre. Pour cela, on pourra fournir une hauteur et une largeur à l'élément grâce aux propriétés {{CSSxRef("height")}} et {{CSSxRef("width")}}.</p> - -<p>Le filtre d'ombre peut être appliqué à un objet {{HTMLElement("img")}} en paramétrant le filtre sur le conteneur de l'image.</p> diff --git a/files/fr/web/css/-ms-flow-from/index.html b/files/fr/web/css/-ms-flow-from/index.html deleted file mode 100644 index 30218bc85d..0000000000 --- a/files/fr/web/css/-ms-flow-from/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: '-ms-flow-from' -slug: Web/CSS/-ms-flow-from -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-flow-from ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-flow-from</strong></code> est une propriété spécifique de <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">Microsoft</a> qui permet d'obtenir ou de définir une valeur identifiant un conteneur {{HTMLElement("iframe")}} du document et qui reçoit du contenu d'une source de données.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-flow-from</code> est définie grâce à l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>La valeur par défaut. Aucun conteneur n'est indiqué.</p> - </dd> - <dt><a id="<custom-ident>"></a>{{cssxref("<custom-ident>")}}</dt> - <dd> - <p>Le nom du conteneur de région.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-flow-into/index.html b/files/fr/web/css/-ms-flow-into/index.html deleted file mode 100644 index fc3e6d0e43..0000000000 --- a/files/fr/web/css/-ms-flow-into/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: '-ms-flow-into' -slug: Web/CSS/-ms-flow-into -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-flow-into ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-flow-into</strong></code> est une propriété spécifique de <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">Microsoft extension</a> qui permet d'obtenir ou de définir une valeur identifiant un conteneur {{HTMLElement("iframe")}} du document et qui sert de source de données à la région.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-flow-into</code></strong> est définie grâce à l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>La valeur par défaut. Aucun conteneur n'est indiqué.</p> - </dd> - <dt><a id="<custom-ident>"></a>{{cssxref("<custom-ident>")}}</dt> - <dd> - <p>Le nom du conteneur de région.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-high-contrast-adjust/index.html b/files/fr/web/css/-ms-high-contrast-adjust/index.html deleted file mode 100644 index 255065c35e..0000000000 --- a/files/fr/web/css/-ms-high-contrast-adjust/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-high-contrast-adjust' -slug: Web/CSS/-ms-high-contrast-adjust -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-high-contrast-adjust ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-high-contrast-adjust</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui permet de récupérer ou de définir une valeur qui indique s'il faut surcharger des propriétés CSS qui auraient été définies pour un mode de contraste élevé.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-high-contrast-adjust</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd> - <p>Cet mot-clé indique que les propriétés CSS applicables seront ajustées comme souhaité lorsque le système utilisera un mode de contraste élevé.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>Cet mot-clé indique que les propriétés CSS applicables ne seront pas ajustées lorsque le système utilisera un mode de contraste élevé.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et n'est décrite dans aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>La propriété <code><strong>-ms-high-contrast-adjust</strong></code> fonctionne avec la caractéristique média {{cssxref("-ms-high-contrast")}}.</p> diff --git a/files/fr/web/css/-ms-hyphenate-limit-chars/index.html b/files/fr/web/css/-ms-hyphenate-limit-chars/index.html deleted file mode 100644 index b95cc7f355..0000000000 --- a/files/fr/web/css/-ms-hyphenate-limit-chars/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-ms-hyphenate-limit-chars' -slug: Web/CSS/-ms-hyphenate-limit-chars -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-hyphenate-limit-chars ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-hyphenate-limit-chars</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui définit une à trois valeurs indiquant le nombre minimal de caractères utilisés pour un mot tronqué pour passer à la ligne. Si le mot n'a pas suffisamment de caractères avant ou après le passage à la ligne, aucune césure n'est appliquée sur le mot.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-hyphenate-limit-chars</code></strong> est définie de la façon suivante.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd> - <p>Cette valeur correspond à la valeur composite <code>5 2 2</code> qui signifie que le mot doit mesurer au moins 5 caractères pour être sujet à une césure, qu'il faut au moins 2 caractères avant la césure et 2 caractères après la césure.</p> - </dd> - <dt><code><integer> {1,3}</code></dt> - <dd> - <p>Une à trois valeurs entières (cf. {{cssxref("<integer>")}}) qui décrivent respectivement la taille minimale du mot, le nombre de caractères minimal avant la césure et le nombre de caractères minimal après la césure.</p> - - <p>Lorsque la troisième valeur n'est pas indiquée, la valeur utilisée est égale à la seconde valeur.</p> - - <p>Si la deuxième et troisième valeurs sont absentes, elles utilisent la même valeur que <code>auto</code>.</p> - - <p>Note : il n'est pas possible d'utiliser des valeurs négatives.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété non-standard et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-hyphenate-limit-lines/index.html b/files/fr/web/css/-ms-hyphenate-limit-lines/index.html deleted file mode 100644 index cc6d74f543..0000000000 --- a/files/fr/web/css/-ms-hyphenate-limit-lines/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-hyphenate-limit-lines' -slug: Web/CSS/-ms-hyphenate-limit-lines -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-hyphenate-limit-lines ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <code><strong>-ms-hyphenate-limit-lines</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique le nombre maximum de lignes consécutives pouvant se terminer avec un mot sur deux lignes (au sein d'un même élément).</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-hyphenate-limit-lines</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>no-limit</code></dt> - <dd> - <p>Cette valeur indique que les césures ne sont pas limitées en fonction des lignes coupées auparavant. On peut donc avoir toutes les lignes de texte de l'élément qui se terminent par une césure.</p> - </dd> - <dt><code><integer></code></dt> - <dd> - <p>Un entier (type {{cssxref("<integer>")}} qui indique le nombre maximal de lignes successives pouvant se terminer par une césure.</p> - - <p>Si on utilise la valeur 2 (par exemple), on ne pourra pas avoir plus de deux lignes qui se suivent et pour lesquelles la fin est un mot coupé. Lorsqu'on utilise la valeur 0, cela signifie qu'aucune ligne ne peut entraîner la césure d'un de ses mots et il n'y a donc aucune césure.</p> - - <p>Les valeurs négatives ne sont pas autorisées pour cette propriété.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique à Microsoft et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-hyphenate-limit-zone/index.html b/files/fr/web/css/-ms-hyphenate-limit-zone/index.html deleted file mode 100644 index f1cd54609e..0000000000 --- a/files/fr/web/css/-ms-hyphenate-limit-zone/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-ms-hyphenate-limit-zone' -slug: Web/CSS/-ms-hyphenate-limit-zone -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-hyphenate-limit-zone ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-hyphenate-limit-zone</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la largeur de la zone dans laquelle on peut appliquer une césure et un trait d'union sur les mots pour passer à la ligne.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-hyphenate-limit-zone</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt>{{cssxref("percentage")}}</dt> - <dd> - <p>Un entier suivi du caractère % qui indique la taille de la zone proportionnellement à la taille de la boîte de la ligne. Les valeurs négatives ne sont pas autorisées.</p> - </dd> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>Une valeur décimale suivie par une unité qui indique la largeur de la zone. Pour plus d'informations sur les valeurs possibles, voir <a href="/fr/docs/Web/CSS/Types_CSS">les types de donnée en CSS</a>. Les valeurs négatives ne sont pas autorisées.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et n'est décrite dans aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>La propriété <code><strong>-ms-hyphenate-limit-zone</strong></code> permet de contrôler le nombre de blancs autorisés pour le passage à la ligne. La zone concernée se situe toujours sur le côté logique droit de la boîte de <em>padding</em>..</p> - -<p>Un mot sera uniquement sujet à une césure s'il commence à l'extérieur ou à la limite gauche de la zone.</p> diff --git a/files/fr/web/css/-ms-ime-align/index.html b/files/fr/web/css/-ms-ime-align/index.html deleted file mode 100644 index 9193fc87d2..0000000000 --- a/files/fr/web/css/-ms-ime-align/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-ime-align' -slug: Web/CSS/-ms-ime-align -tags: - - CSS - - NeedsBrowserCompatibility - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-ime-align ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La propriété CSS <strong><code>-ms-ime-align</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui permet d'aligner la boîte de la fenêtre pour l'<em>Input Method Editor</em> (IME) par rapport à l'élément sur lequel la composition IME est active.</p> - -<p>Cette extension est implémentée par Microsoft Edge et Internet Explorer 11.</p> - -<p>Les listes IME potentielles sont positionnées sur l'écran avec suffisamment d'espace pour permettre une saisie de texte. Dans certains cas, l'IME peut imposer une taille minimale.</p> - -<p>Lorsqu'on utilise <code>-ms-ime-align: after</code>, un IME pourra ajuster la fenêtre candidate et le comportement de la saisie clavier afin de permettre une meilleure ergonomie (en utilisant par exemple une liste candidate horizontale et en autorisant l'envoi de certaines touches à l'application pour les suggestions).</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="brush: css">/* Keyword values */ --ms-ime-align: auto; --ms-ime-align: after; -</pre> - -<p>La propriété <strong><code>-ms-ime-align</code></strong> est définie avec l'un des mot-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd>La valeur initiale. L'IME peut aligner la fenêtre candidate de n'importe quelle manière.</dd> - <dt><code>after</code></dt> - <dd>L'IME devrait essayer d'aligner la fenêtre candidate sous l'élément (pour les dispositions organisées avec un mode gauche à droite ou avec un mode droite à gauche).</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-overflow-style/index.html b/files/fr/web/css/-ms-overflow-style/index.html deleted file mode 100644 index b118010d4e..0000000000 --- a/files/fr/web/css/-ms-overflow-style/index.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: '-ms-overflow-style' -slug: Web/CSS/-ms-overflow-style -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-overflow-style ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-overflow-style</code></strong> est une propriété propriétaire, spécifique à Internet Explorer et Microsoft Edge qui permet de contrôler le comportement des barres de défilement lorsque le contenu d'un élément déborde.</p> - -<h2 id="Valeurs">Valeurs</h2> - -<dl> - <dt><code>auto</code></dt> - <dd>La valeur initiale. Synonyme de <code>inherit</code>.</dd> - <dt><code>none</code></dt> - <dd>Les barres de défilement ne sont jamais affichées. Si l'élément dépasse, on peut toujours le faire défiler.</dd> - <dt><code>scrollbar</code></dt> - <dd>Les barres de défilement « classiques » sont affichées si le contenu de l'élément dépasse. Les barres ne se masquent pas automatiquement et ne chevauchent jamais le contenu de l'élément. Les dimensions de la zone accordée au contenu sont réduites d'autant que nécessaire pour afficher les barres de défilement.</dd> - <dt><code>-ms-autohiding-scrollbar</code></dt> - <dd>Des barres de défilement sont utilisées si le contenu dépasse et ces barres sont automatiquement masquées. C'est-à-dire qu'elles apparaissent pendant le défilement ou peu après que le pointeur ait interagit avec l'élément. Elles se « cachent » après l'arrêt de l'interaction et/ou du défilement. Lorsqu'elles sont visbles, les barres de défilement empiètent sur le contenu de l'élément.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{CSSxRef("scrollbar-width")}}</li> - <li>{{CSSxRef("::-webkit-scrollbar")}}</li> -</ul> diff --git a/files/fr/web/css/-ms-scroll-chaining/index.html b/files/fr/web/css/-ms-scroll-chaining/index.html deleted file mode 100644 index f5ade6d887..0000000000 --- a/files/fr/web/css/-ms-scroll-chaining/index.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: '-ms-scroll-chaining' -slug: Web/CSS/-ms-scroll-chaining -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-chaining ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <code><strong>-ms-scroll-chaining</strong></code> est <a href="/en-US/docs/Web/CSS/Microsoft_extensions">une propriété spécifique à Microsoft</a> qui définit la façon dont le défilement se comporte lorsque l'utilisateur atteint la limite du défilement suite à une manipulation.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-scroll-chaining</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>chained</code></dt> - <dd> - <p>La valeur initiale. L'élément parent le plus proche commence à défiler lorsque l'utilisateur atteint la limite. Il n'y a pas d'effet de rebond.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>Un effet de rebond est utilisé lorsque l'utilisateur atteint la limite de défilement.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans l'exemple qui suit, le conteneur de l'image a <code>-ms-scroll-chaining property</code> qui vaut <code>chained</code> et c'est donc l'élément parent qui poursuivra le défilement. Si on avait utilisé <code>none</code>, un effet de blocage avec rebondissement aurait été utilisé. Pour plus d'informations, voir <a href="https://code.msdn.microsoft.com/windowsapps/scrolling-panning-and-47d70d4c">un exemple de défilement, déplacement, zoom en HTML</a>.</p> - -<pre class="brush: css">.imageContainer { - -ms-scroll-chaining: chained; - -ms-overflow-style: none; - -ms-content-zooming: zoom; - -ms-scroll-rails: none; - -ms-content-zoom-limit-min: 100%; - -ms-content-zoom-limit-max: 500%; - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); - -ms-overflow-style: none; - width: 480px; - height: 270px; - overflow: auto; -} -</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est spécifique à Microsoft et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété ne s'applique qu'aux contrôles tactiles. Quelle que soit la valeur de <code>–ms-scroll-chaining</code>, les contrôles clavier ne permettront pas l'enchaînement du défilement et la navigation à la souris entraînera toujours le défilement sur l'élément ancêtre le plus proche.</p> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Cette propriété est uniquement disponible pour Windows 8 ou les versions ultérieures.</p> diff --git a/files/fr/web/css/-ms-scroll-limit-x-max/index.html b/files/fr/web/css/-ms-scroll-limit-x-max/index.html deleted file mode 100644 index 88f3276fda..0000000000 --- a/files/fr/web/css/-ms-scroll-limit-x-max/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: '-ms-scroll-limit-x-max' -slug: Web/CSS/-ms-scroll-limit-x-max -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit-x-max ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-scroll-limit-x-max</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la valeur maximum pour la propriété {{domxref("Element.scrollLeft")}}.</p> - -<p>Cette propriété est accessible en lecture et en écriture.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit-x-max</code> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd> - <p>La valeur maximale pour <code><a href="/fr/docs/Web/API/Element/scrollLeft">scrollLeft</a></code> est égale à <code><a href="/fr/docs/Web/API/Element/scrollWidth">scrollWidth</a></code>.</p> - </dd> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>La longueur maximale choisie pour <code><a href="/fr/docs/Web/API/Element/scrollLeft">scrollLeft</a></code>.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit-x-max</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-limit-x-min/index.html b/files/fr/web/css/-ms-scroll-limit-x-min/index.html deleted file mode 100644 index b9f22df94e..0000000000 --- a/files/fr/web/css/-ms-scroll-limit-x-min/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-scroll-limit-x-min' -slug: Web/CSS/-ms-scroll-limit-x-min -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit-x-min ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-scroll-limit-x-min</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la valeur minimale pour la propriété {{domxref("Element.scrollLeft")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit-x-min</code> est définie avec une longueur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>La valeur minimale pour la propriété <code>scrollLeft</code>. Si la valeur fournie est négative, c'est <code>0</code> qui sera utilisé.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit-x-min</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-limit-y-max/index.html b/files/fr/web/css/-ms-scroll-limit-y-max/index.html deleted file mode 100644 index c677901f71..0000000000 --- a/files/fr/web/css/-ms-scroll-limit-y-max/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-scroll-limit-y-max' -slug: Web/CSS/-ms-scroll-limit-y-max -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit-y-max ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-scroll-limit-y-max</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la valeur maximum pour la propriété {{domxref("Element.scrollTop")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit-y-max</code> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd> - <p>La valeur maximale pour <code>scrollTop</code> est égale à {{domxref("Element.scrollHeight")}}.</p> - </dd> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>La longueur maximale choisie pour <code>scrollTop</code>.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit-y-max</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-limit-y-min/index.html b/files/fr/web/css/-ms-scroll-limit-y-min/index.html deleted file mode 100644 index 85150a1660..0000000000 --- a/files/fr/web/css/-ms-scroll-limit-y-min/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-scroll-limit-y-min' -slug: Web/CSS/-ms-scroll-limit-y-min -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit-y-min ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-scroll-limit-y-min</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la valeur minimale pour la propriété {{domxref("Element.scrollTop")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit-y-min</code> est définie avec une longueur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>La valeur minimale pour la propriété <code>scrollTop</code>. Si la valeur fournie est négative, c'est <code>0</code> qui sera utilisé.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit-y-min</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-limit/index.html b/files/fr/web/css/-ms-scroll-limit/index.html deleted file mode 100644 index b541233201..0000000000 --- a/files/fr/web/css/-ms-scroll-limit/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: '-ms-scroll-limit' -slug: Web/CSS/-ms-scroll-limit -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-scroll-limit</strong></code> est <a href="/fr/docs/Web/CSS/Propri%C3%A9t%C3%A9s_raccourcies">une propriété raccourcie</a> <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui définit les valeurs de {{cssxref("-ms-scroll-limit-x-min")}}, {{cssxref("-ms-scroll-limit-y-min")}}, {{cssxref("-ms-scroll-limit-x-max")}} et {{cssxref("-ms-scroll-limit-y-max")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit</code> est définie avec une ou plusieurs valeurs de limite de défilmeent dans l'ordre et séparées par des espaces.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>-ms-scroll-limit-x-min</code></dt> - <dd> - <p>La valeur utilisée pour la propriété {{cssxref("-ms-scroll-limit-x-min")}}.</p> - </dd> - <dt><code>-ms-scroll-limit-y-min</code></dt> - <dd> - <p>La valeur utilisée pour la propriété {{cssxref("-ms-scroll-limit-y-min")}}.</p> - </dd> - <dt><code>-ms-scroll-limit-x-max</code></dt> - <dd> - <p>La valeur utilisée pour la propriété {{cssxref("-ms-scroll-limit-x-max")}}.</p> - </dd> - <dt><code>-ms-scroll-limit-y-max</code></dt> - <dd> - <p>La valeur utilisée pour la propriété {{cssxref("-ms-scroll-limit-y-max")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique à Microsoft et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-rails/index.html b/files/fr/web/css/-ms-scroll-rails/index.html deleted file mode 100644 index c5441922c5..0000000000 --- a/files/fr/web/css/-ms-scroll-rails/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: '-ms-scroll-rails' -slug: Web/CSS/-ms-scroll-rails -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-rails ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-scroll-rails</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique si le défilement est contraint sur l'axe principal du déplacement.</p> - -<p>Cette propriété est accessible en lecture et en écriture.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-scroll-rails</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>Le contenu défile en suivant exactement le doigt de l'utilisateur. Cette valeur permet un déplacement libre.</p> - </dd> - <dt><code>railed</code></dt> - <dd> - <p>Le défilement est contraint sur l'axe principal. C'est la valeur par défaut.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a adeucun effet sur les éléments qu'on ne peut pas faire défiler.</p> - -<p>À partir de Windows 8.1, cette propriété est prise en charge pour les interactions au pavé tactile.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-snap-points-x/index.html b/files/fr/web/css/-ms-scroll-snap-points-x/index.html deleted file mode 100644 index 85d49351c5..0000000000 --- a/files/fr/web/css/-ms-scroll-snap-points-x/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: '-ms-scroll-snap-points-x' -slug: Web/CSS/-ms-scroll-snap-points-x -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-snap-points-x ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété CSS <strong><code>-ms-scroll-snap-points-x</code></strong> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft </a>qui définit l'emplacement des points d'accroche le long de l'axe horizontal.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<div class="note"> -<p><strong>Note :</strong> Une valeur de type <code><length-percentage></code> est une valeur de type {{cssxref("<length>")}} ou une valeur de type {{cssxref("<percentaqe>")}}.</p> -</div> - -<dl> - <dt><code>snapInterval( <length-percentage>, <length-percentage> )</code></dt> - <dd> - <p>Cette forme permet d'indiquer la position d'un point d'accroche puis l'intervalle entre les points d'accroche.</p> - - <ul> - <li>La première valeur indique l'emplacement du premier point d'accroche.</li> - <li>La seconde valeur indique la distance entre chaque point d'accroche qui suit ou précède (c'est-à-dire à gauche et à droite du point d'accroche initial).</li> - </ul> - </dd> - <dt><code>snapList( <length-percentage># )</code></dt> - <dd> - <p>Cette forme permet d'indiquer l'ensemble des points d'accroche comme une liste de valeurs séparées par des virgules. Chaque valeur représente un facteur de zoom.</p> - - <ul> - <li>Si la valeur est inférieure à {{CSSXref("-ms-scroll-limit-x-min")}}, {{CSSXref("-ms-scroll-limit-x-min")}} sera utilisée.</li> - <li>Si la valeur est supérieure à {{CSSXref("-ms-scroll-limit-x-max")}}, {{CSSXref("-ms-scroll-limit-x-max")}} sera utilisée.</li> - </ul> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans cet exemple, on illustre les deux types de valeurs possibles pour <code>-ms-scroll-snap-points-x</code>. Dans le premier sélecteur, le premier point d'accroche se situe à 0% et l'intervalle est défini à 100%. Dans le second sélecteur, chaque point d'accroche est défini séparément (à 100%, 200%, 300%, et ainsi de suite).</p> - -<pre class="brush: css">.container { - overflow-x: auto; - overflow-y: hidden; - -ms-scroll-snap-type: mandatory; - -ms-scroll-snap-points-x: snapInterval(0%, 100%); - width: 480px; - height: 270px; -} - -.imageContainer { - -ms-scroll-chaining: chained; - -ms-overflow-style: none; - -ms-content-zooming: zoom; - -ms-scroll-rails: none; - -ms-scroll-limit-x-min: 100%; - -ms-scroll-limit-x-max: 500%; - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); - -ms-overflow-style: none; - width: 480px; - height: 270px; - overflow: auto; -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions à la souris, au clavier ou au pavé tactile.</p> diff --git a/files/fr/web/css/-ms-scroll-snap-points-y/index.html b/files/fr/web/css/-ms-scroll-snap-points-y/index.html deleted file mode 100644 index 6568891ed1..0000000000 --- a/files/fr/web/css/-ms-scroll-snap-points-y/index.html +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: '-ms-scroll-snap-points-y' -slug: Web/CSS/-ms-scroll-snap-points-y -tags: - - CSS - - Non-standard - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-snap-points-y ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété CSS <strong><code>-ms-scroll-snap-points-y</code></strong> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft </a>qui définit l'emplacement des points d'accroche le long de l'axe vertical.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<div class="note"> -<p><strong>Note :</strong> Une valeur de type <code><length-percentage></code> est une valeur de type {{cssxref("<length>")}} ou une valeur de type {{cssxref("<percentaqe>")}}.</p> -</div> - -<dl> - <dt><code>snapInterval( <length-percentage>, <length-percentage> )</code></dt> - <dd> - <p>Cette forme permet d'indiquer la position d'un point d'accroche puis l'intervalle entre les points d'accroche.</p> - - <ul> - <li>La première valeur indique l'emplacement du premier point d'accroche.</li> - <li>La seconde valeur indique la distance entre chaque point d'accroche qui suit ou précède (c'est-à-dire au dessus et en dessous du point d'accroche initial).</li> - </ul> - </dd> - <dt><code>snapList( <length-percentage># )</code></dt> - <dd> - <p>Cette forme permet d'indiquer l'ensemble des points d'accroche comme une liste de valeurs séparées par des virgules. Chaque valeur représente un facteur de zoom.</p> - - <ul> - <li>Si la valeur est inférieure à {{CSSXref("-ms-scroll-limit-y-min")}}, {{CSSXref("-ms-scroll-limit-y-min")}} sera utilisée.</li> - <li>Si la valeur est supérieure à {{CSSXref("-ms-scroll-limit-y-max")}}, {{CSSXref("-ms-scroll-limit-y-max")}} sera utilisée.</li> - </ul> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans cet exemple, on illustre les deux types de valeurs possibles pour <code>-ms-scroll-snap-points-y</code>. Dans le premier sélecteur, le premier point d'accroche se situe à 0% et l'intervalle est défini à 100%. Dans le second sélecteur, chaque point d'accroche est défini séparément (à 100%, 200%, 300%, et ainsi de suite).</p> - -<pre class="brush: css">.container { - overflow-x: auto; - overflow-y: hidden; - -ms-scroll-snap-type: mandatory; - -ms-scroll-snap-points-y: snapInterval(0%, 100%); - width: 480px; - height: 270px; -} - -.imageContainer { - -ms-scroll-chaining: chained; - -ms-overflow-style: none; - -ms-content-zooming: zoom; - -ms-scroll-rails: none; - -ms-scroll-limit-x-min: 100%; - -ms-scroll-limit-x-max: 500%; - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-y: snapList(100%, 200%, 300%, 400%, 500%); - -ms-overflow-style: none; - width: 480px; - height: 270px; - overflow: auto; -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions à la souris, au clavier ou au pavé tactile.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("-ms-scroll-snap-points-x")}}</li> - <li>{{cssxref("scroll-snap-points-y")}}, la propriété standard</li> -</ul> diff --git a/files/fr/web/css/-ms-scroll-snap-x/index.html b/files/fr/web/css/-ms-scroll-snap-x/index.html deleted file mode 100644 index 6b889bb584..0000000000 --- a/files/fr/web/css/-ms-scroll-snap-x/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: '-ms-scroll-snap-x' -slug: Web/CSS/-ms-scroll-snap-x -tags: - - CSS - - Non-standard - - Propriété raccourcie - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-snap-x ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété raccourcie <strong><code>-ms-scroll-snap-x</code></strong> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui définit les valeurs des propriétés {{cssxref("-ms-scroll-snap-type")}} and {{cssxref("-ms-scroll-snap-points-x")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<p>La propriété raccourcie <code>-ms-scroll-snap-x</code> est définie avec une ou deux des valeurs suivantes, dans cet ordre et séparées par des espaces.</p> - -<dl> - <dt><code>-ms-scroll-snap-type</code></dt> - <dd> - <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-type")}}.</p> - </dd> - <dt><code>-ms-scroll-snap-points-x</code></dt> - <dd> - <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-points-x")}}.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Examples" name="Examples">Exemples</h2> - -<p>La proprirété <code>-ms-scroll-snap-x</code> est une propriété raccourcie. Les deux sélecteurs du fragment de code suivant auront le même effet.</p> - -<pre class="brush: css">.scroll1 { - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); -} - -.scroll2 { - -ms-scroll-snap-x: proximity snapList(100%, 200%, 300%, 400%, 500%); -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions à la souris, au clavier ou au pavé tactile.</p> diff --git a/files/fr/web/css/-ms-scroll-snap-y/index.html b/files/fr/web/css/-ms-scroll-snap-y/index.html deleted file mode 100644 index de5c0836cb..0000000000 --- a/files/fr/web/css/-ms-scroll-snap-y/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: '-ms-scroll-snap-y' -slug: Web/CSS/-ms-scroll-snap-y -tags: - - CSS - - Non-standard - - Propriété raccourcie - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-snap-y ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété raccourcie <strong><code>-ms-scroll-snap-y</code></strong> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui définit les valeurs des propriétés {{cssxref("-ms-scroll-snap-type")}} and {{cssxref("-ms-scroll-snap-points-y")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<p>La propriété raccourcie <code>-ms-scroll-snap-y</code> est définie avec une ou deux des valeurs suivantes, dans cet ordre et séparées par des espaces.</p> - -<dl> - <dt><code>-ms-scroll-snap-type</code></dt> - <dd> - <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-type")}}.</p> - </dd> - <dt><code>-ms-scroll-snap-points-y</code></dt> - <dd> - <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-points-y")}}.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Examples" name="Examples">Exemples</h2> - -<p>La proprirété <code>-ms-scroll-snap-y</code> est une propriété raccourcie. Les deux sélecteurs du fragment de code suivant auront le même effet.</p> - -<pre class="brush: css">.scroll1 { - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-y: snapList(100%, 200%, 300%, 400%, 500%); -} - -.scroll2 { - -ms-scroll-snap-y: proximity snapList(100%, 200%, 300%, 400%, 500%); -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions à la souris, au clavier ou au pavé tactile.</p> diff --git a/files/fr/web/css/-ms-scroll-translation/index.html b/files/fr/web/css/-ms-scroll-translation/index.html deleted file mode 100644 index 0246236b59..0000000000 --- a/files/fr/web/css/-ms-scroll-translation/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: '-ms-scroll-translation' -slug: Web/CSS/-ms-scroll-translation -tags: - - CSS - - Non-standard - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-translation ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété CSS <strong><code>-ms-scroll-translation</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique si une translation verticale / horizontale est appliquée lors du défilement sur l'élément ciblé.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt><code>vertical-to-horizontal</code></dt> - <dd> - <p>Une translation verticale/horizontale est appliquée lorsque c'est pertinent.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>Aucune translation n'est appliquée. C'est la valeur initiale pour l'élément {{HTMLElement("html")}}.</p> - </dd> - <dt><code>inherit</code></dt> - <dd> - <p>La valeur initiale : la valeur de la propriété est héritée via la valeur de l'élément parent.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Remarks" name="Remarks"><a name="Remarks">Notes</a></h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur</p> - -<p>Si le code JavaScript de la page écoute les évènements DOM liés au défilement, les évènements relatifs au défilement vertical et au défilement horizontal sont distincts et correspondent à l'axe selon lequel l'utilisateur a défilé. La propriété <code>-ms-scroll-translation</code>, avec la valeur <code>vertical-to-horizontal</code>, permet de transformer les évènements de défilement vertical en évènements de défilement horizontal.</p> - -<p>Cette propriété n'a pas d'impact lorsqu'on navigue avec le clavier.</p> - -<p>Les modèles CSS par défaut pour les applications Windows qui utilisent JavaScript, "ui-light.css" et "ui-dark.css" utilisent la valeur <code>vertical-to-horizontal</code> sur l'élément {{HTMLElement("html")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-3dlight-color/index.html b/files/fr/web/css/-ms-scrollbar-3dlight-color/index.html deleted file mode 100644 index 5caa81ebc2..0000000000 --- a/files/fr/web/css/-ms-scrollbar-3dlight-color/index.html +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: '-ms-scrollbar-3dlight-color' -slug: Web/CSS/-ms-scrollbar-3dlight-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-3dlight-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété <code><strong>-ms-scrollbar-3dlight-color</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui définit la couleur pour les bords haut et gauche de la boîte de défilement et pour les flèches de la barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La valeur de <code>-ms-scrollbar-3dlight-color</code> est définie avec une couleur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>Une couleur (cf. type {{cssxref("<color>")}}) qui sera utilisée pour les bords gauche et haut de la boîte de défilement et pour les flèches de l'ascenseur.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple qui suit illustre comment appliquer la propriété <code>-ms-scrollbar-3dlight-color</code> à un élément {{HTMLElement("textarea")}}.</p> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><textarea class="Blue3dLight"> - The top and left edges of the thumb and - button-face elements in the scroll bar for - this element will be blue. -</textarea></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">.Blue3dLight { - -ms-scrollbar-3dlight-color: blue; - scrollbar-3dlight-color: blue; /* Use the standard when available. */ -} -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-3dlight-color")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Internet Explorer 8.</p> - -<p>La boîte de défilement est la boîte carrée dans laquelle une barre de défilement peut être déplacée de haut en bas ou de gauche à droite afin de modifier la position du contenu sur l'écran. Les flèches de défilement sont situées aux extrémités de l'ascenseur et permettent de faire défiler le contenu.</p> - -<p>Cette propriété s'applique aux éléments qui affichent un ascenseur (notamment via la propriété {{cssxref("overflow")}}).</p> diff --git a/files/fr/web/css/-ms-scrollbar-arrow-color/index.html b/files/fr/web/css/-ms-scrollbar-arrow-color/index.html deleted file mode 100644 index cc67bd8bde..0000000000 --- a/files/fr/web/css/-ms-scrollbar-arrow-color/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-ms-scrollbar-arrow-color' -slug: Web/CSS/-ms-scrollbar-arrow-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-arrow-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <code><strong>-ms-scrollbar-arrow-color</strong></code> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft</a> qui définit la couleur des flèches pour les extrêmités des barres de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur à utiliser pour les flèches des barres de défilement, voir {{cssxref("<color>")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple qui suit illustre comment utiliser <code>-ms-scrollbar-arrow-color</code> et {{cssxref("-ms-scrollbar-face-color")}} afin d'afficher une boîte avec une barre de défilement avec un curseur et des flèches bleues d'une part et une boîte avec une barre de défilement avec un curseur et des flèches vertes d'autre part.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - overflow-y: scroll; - border-style: solid; - border-width: thin; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.blueScrollBox { - scrollbar-face-color: blue; - scrollbar-arrow-color: blue; -} -.greenScrollBox { - scrollbar-face-color: green; - scrollbar-arrow-color: green; -} -</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><body> - <div class="blueScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="greenScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>Si votre navigateur ne permet de visualiser le résultat, voici une image statique :</p> - -<p><img alt="Image for -ms-scrollbar-arrow-color usage example" src="https://mdn.mozillademos.org/files/15824/image002.png" style="height: 168px; width: 330px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-arrow-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Pour IE 8, la propriété <code>-ms-scrollbar-arrow-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-arrow-color</code> en mode standard.</p> - -<p>Les flèches de défilement sont présentes sur les boutons situés à chaque extrêmité de la barre de défilement.</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{cssxref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-base-color/index.html b/files/fr/web/css/-ms-scrollbar-base-color/index.html deleted file mode 100644 index df5cb77dc5..0000000000 --- a/files/fr/web/css/-ms-scrollbar-base-color/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-ms-scrollbar-base-color' -slug: Web/CSS/-ms-scrollbar-base-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-base-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <code><strong>-ms-scrollbar-base-color</strong></code> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft</a> qui indique la couleur de base à utiliser pour les principaux composants d'une barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur de base à utiliser pour les principaux composants de la barre de défilement, voir {{cssxref("<color>")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans cet exemple, on utilise les propriétés <code>-ms-scrollbar-base-color</code> et {{cssxref("-ms-scrollbar-arrow-color")}} afin de créer deux objets {{HTMLElement("div")}} ayant chacun un thème différent pour les barres de défilement.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - border-style: solid; - border-width: thin; - overflow-y: scroll; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.aquaScroll { - scrollbar-base-color: aqua; - scrollbar-arrow-color: blue; - border-color: blue; -} -.bisqueScroll { - scrollbar-base-color: bisque; - scrollbar-arrow-color: red; - border-color: red; -} -</pre> - -<h3 id="CSS_2">CSS</h3> - -<pre class="brush: html"><body> - <div class="aquaScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="bisqueScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>L'image suivante illustre le résultat obtenu. On voit que <code>scrollbar-base-color</code> fournit une couleur de base et que le navigateur décline cette couleur sur différents tons pour les différents composants.</p> - -<p><img alt="Image for -ms-scrollbar-base-color example" src="https://mdn.mozillademos.org/files/15825/image002.png" style="height: 170px; width: 331px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-base-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Pour IE 8 et les versions ultérieures, la propriété <code>-ms-scrollbar-base-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-base-color</code> en mode standard.</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{cssxref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-darkshadow-color/index.html b/files/fr/web/css/-ms-scrollbar-darkshadow-color/index.html deleted file mode 100644 index a2346346f6..0000000000 --- a/files/fr/web/css/-ms-scrollbar-darkshadow-color/index.html +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: '-ms-scrollbar-darkshadow-color' -slug: Web/CSS/-ms-scrollbar-darkshadow-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-darkshadow-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété <strong><code>-ms-scrollbar-darkshadow-color</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui définit la couleur de la gouttière pour l'ascenseur.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scrollbar-darkshadow-color</code> est définie avec une couleur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur de la gouttière (cf. le type {{cssxref("<color>")}} pour les valeurs possibles).</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><textarea class="BlueShadow"> - The gutter elements in the scroll bar for this - element will be blue. -</textarea></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">.BlueShadow { - scrollbar-darkshadow-color: blue; -} -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-darkshadow-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Internet Explorer 8.</p> - -<p>La gouttière est l'espace entre la piste et les bords bas et droit de la boîte de défilement et des flèches de l'ascenseur. La couleur <code>-ms-scrollbar-darkshadow-color</code> apparaît en dehors de {{cssxref("-ms-scrollbar-shadow-color")}}.</p> - -<p>Cette propriété s'applique aux éléments qui affichent un ascenseur (notamment via la propriété {{cssxref("overflow")}}).</p> diff --git a/files/fr/web/css/-ms-scrollbar-face-color/index.html b/files/fr/web/css/-ms-scrollbar-face-color/index.html deleted file mode 100644 index 6a2929243f..0000000000 --- a/files/fr/web/css/-ms-scrollbar-face-color/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: '-ms-scrollbar-face-color' -slug: Web/CSS/-ms-scrollbar-face-color -tags: - - CSS - - Non-standard - - Obsolete - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-face-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <code><strong>-ms-scrollbar-face-color</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui indique la couleur du curseur de défilement et des flèches de la barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur à utiliser pour le curseur et les flèches, cf. {{cssxref("<color>")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans cet exemple, on utilise <code>-ms-scrollbar-face-color</code> et {{cssxref("-ms-scrollbar-arrow-color")}} afin de créer deux styles de barre de défilement pour deux boîtes : l'une verte et l'autre bleue.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - overflow-y: scroll; - border-style: solid; - border-width: thin; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.blueScrollBox { - scrollbar-face-color: blue; - scrollbar-arrow-color: blue; -} -.greenScrollBox { - scrollbar-face-color: green; - scrollbar-arrow-color: green; -} -</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><body> - <div class="blueScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="greenScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>L'image qui suit permet d'avoir un aperçu du résultat si votre navigateur n'est pas compatible avec ces fonctionnalités.</p> - -<p><img alt="Image for -ms-scrollbar-face-color example" src="https://mdn.mozillademos.org/files/15826/image002.png" style="height: 168px; width: 330px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-face-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette fonctionnalité est prise en charge à partir de IE 8. Pour IE 8, la propriété <code>-ms-scrollbar-face-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-face-color</code> en mode standard.</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{cssxref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-highlight-color/index.html b/files/fr/web/css/-ms-scrollbar-highlight-color/index.html deleted file mode 100644 index 43a0ea824b..0000000000 --- a/files/fr/web/css/-ms-scrollbar-highlight-color/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-ms-scrollbar-highlight-color' -slug: Web/CSS/-ms-scrollbar-highlight-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-highlight-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <code><strong>-ms-scrollbar-highlight-color</strong></code> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft</a> qui définit la couleur pour la piste et le contour d'une barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur à utiliser pour le contour et la piste de la barre de défilement, cf. {{cssxref("<color>")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans l'exemple qui suit, on utilise <code>-ms-scrollbar-highlight-color</code>, {{CSSXref("-ms-scrollbar-face-color")}} ainsi que {{CSSXref("-ms-scrollbar-arrow-color")}} afin de créer deux {{HTMLElement("div")}} ayant chacun un thème différent pour les barres de défilement.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - border-style: solid; - border-width: thin; - overflow-y: scroll; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.blueScroll { - -ms-scrollbar-highlight-color: aqua; - -ms-scrollbar-face-color: blue; - -ms-scrollbar-arrow-color: blue; - border-color: blue; -} -.redScroll { - -ms-scrollbar-highlight-color: bisque; - -ms-scrollbar-face-color: red; - -ms-scrollbar-arrow-color: red; - border-color: red; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><body> - <div class="blueScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="redScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body></pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>L'image qui suit permet d'avoir un aperçu du résultat si votre navigateur n'est pas compatible avec ces fonctionnalités.</p> - -<p><img alt="Image for -ms-scrollbar-highlight-color example" src="https://mdn.mozillademos.org/files/15827/Image%20for%20example.png" style="height: 166px; width: 328px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-highlight-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Pour IE 8, la propriété <code>-ms-scrollbar-highlight-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-highlight-color</code> en mode standard.</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{cssxref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-shadow-color/index.html b/files/fr/web/css/-ms-scrollbar-shadow-color/index.html deleted file mode 100644 index 126fe6fb7f..0000000000 --- a/files/fr/web/css/-ms-scrollbar-shadow-color/index.html +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: '-ms-scrollbar-shadow-color' -slug: Web/CSS/-ms-scrollbar-shadow-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-shadow-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété <code><strong>-ms-scrollbar-shadow-color</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui définit la couleur pour les bords bas et droit de la boîte de défilement et pour les flèches de la barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La valeur de <code>-ms-scrollbar-shadow-color</code> est définie avec une couleur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>Une couleur (cf. type {{cssxref("<color>")}}) qui sera utilisée pour les bords droit et bas de la boîte de défilement et pour les flèches de l'ascenseur.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple qui suit illustre comment appliquer la propriété <code>-ms-scrollbar-shadow-color</code> à un élément {{HTMLElement("textarea")}}.</p> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><textarea class="BlueShadow"> - Placeat reiciendis impedit quo qui ea et. Cum quia aut - non ut est ducimus necessitatibus -</textarea></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">.BlueShadow { - -ms-scrollbar-shadow-color: blue; -} -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-shadow-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Internet Explorer 8. La propriété <code>-ms-scrollbar-shadow-color</code> est une extension spécifique à CSS et, sous le mode Standard d'IE8, peut être utilisée comme synonyme de <code>scrollbar-shadow-color</code>.</p> - -<p>La boîte de défilement est la boîte carrée dans laquelle une barre de défilement peut être déplacée de haut en bas ou de gauche à droite afin de modifier la position du contenu sur l'écran. Les flèches de défilement sont situées aux extrémités de l'ascenseur et permettent de faire défiler le contenu.</p> - -<p>Cette propriété s'applique aux éléments qui affichent un ascenseur (notamment via la propriété {{cssxref("overflow")}}).</p> diff --git a/files/fr/web/css/-ms-scrollbar-track-color/index.html b/files/fr/web/css/-ms-scrollbar-track-color/index.html deleted file mode 100644 index 557cf14a6b..0000000000 --- a/files/fr/web/css/-ms-scrollbar-track-color/index.html +++ /dev/null @@ -1,97 +0,0 @@ ---- -title: '-ms-scrollbar-track-color' -slug: Web/CSS/-ms-scrollbar-track-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-track-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <strong><code>-ms-scrollbar-track-color</code></strong> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui permet de définir la couleur de la piste utilisée pour les barres de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur à utiliser pour la piste (cf. {{cssxref("<color>")}}).</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple qui suit utilise <code>-ms-scrollbar-track-color</code>, {{cssxref("-ms-scrollbar-face-color")}} ainsi que {{cssxref("-ms-scrollbar-arrow-color")}} afin de créer deux éléments {{HTMLElement("div")}} disposants d'un thème chacun pour les barres de défilement.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - border-style: solid; - border-width: thin; - overflow-y: scroll; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.blueScroll { - -ms-scrollbar-highlight-color: aqua; - -ms-scrollbar-face-color: blue; - -ms-scrollbar-arrow-color: blue; - border-color: blue; -} -.redScroll { - -ms-scrollbar-highlight-color: bisque; - -ms-scrollbar-face-color: red; - -ms-scrollbar-arrow-color: red; - border-color: red; -} -</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><div class="blueScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. -</div> -<div class="redScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. -</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>L'image suivante illustre le résultat obtenu :</p> - -<p><img alt="Image for -scrollbar-track-color example" src="https://mdn.mozillademos.org/files/15828/Image%20for%20example.png" style="height: 166px; width: 328px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-track-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Pour IE 8, la propriété <code>-ms-scrollbar-track-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-track-color</code> en mode standard.</p> - -<p>La piste est l'élément de la barre sur laquelle on déplace le curseur verticalement ou horizontalement</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{CSSXref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-text-autospace/index.html b/files/fr/web/css/-ms-text-autospace/index.html deleted file mode 100644 index 972ef3bc1d..0000000000 --- a/files/fr/web/css/-ms-text-autospace/index.html +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: '-ms-text-autospace' -slug: Web/CSS/-ms-text-autospace -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-text-autospace ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-text-autospace</code></strong> est <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">une propriété spécifique à Microsoft</a> qui définit l'espacement automatique et la réduction d'espace lorsque le texte doit être ajusté.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>La valeur initiale de cette propriété. Aucun effet n'est appliqué, aucun espace supplémentaire n'est ajouté.</p> - </dd> - <dt><code>ideograph-alpha</code></dt> - <dd> - <p>Un espace supplémentaire est inséré entre le texte idéographique et le texte non-idéographique (alphabet latin, cyrillique, grec, arabe ou hébreu).</p> - </dd> - <dt><code>ideograph-numeric</code></dt> - <dd> - <p>Un espace supplémentaire est inséré entre le texte idéographique et les caractères numériques.</p> - </dd> - <dt><code>ideograph-parenthesis</code></dt> - <dd> - <p>Un espace supplémentaire est inséré entre les parenthèses (normales) et un idéographe.</p> - </dd> - <dt><code>ideograph-space</code></dt> - <dd> - <p>La largeur de l'espace est agrandie lorsque celui-ci est accolé à des idéogrammes.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8.</p> - -<p>Cette propriété est une extension spécifique à CSS et peut être utilisée comme synonyme de <code>text-autospace</code> lorsqu'IE8 est en mode standard.</p> - -<p>Un idéogramme est un caractère provenant d'un système d'écriture asiatique qui représente un concept ou une idée mais qui ne correspond pas à un mot ou à une prononciation particulière.</p> diff --git a/files/fr/web/css/-ms-touch-select/index.html b/files/fr/web/css/-ms-touch-select/index.html deleted file mode 100644 index f59ffad593..0000000000 --- a/files/fr/web/css/-ms-touch-select/index.html +++ /dev/null @@ -1,49 +0,0 @@ ---- -title: '-ms-touch-select' -slug: Web/CSS/-ms-touch-select -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-touch-select ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-touch-select</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui active la barre d'accroche (<em>gripper</em>) pour les éléments qui permettent de sélectionner du texte au toucher.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt><code>grippers</code></dt> - <dd> - <p>La valeur initiale pour la propriété. Les points qui forment la barre d'accroche sont toujours activé. De plus, la sélection commencera même si un gestionnaire <code>onclick</code>, <code>onmsgesturetap</code> ou <code>onmouseup</code> est activé.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>La barre d'accroche n'est jamais affichée et les fonctionnalités de sélection tactile par défaut ne sont pas fournies.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Remarks" name="Remarks">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8.</p> - -<p>La propriété <code>-ms-touch-select</code> doit uniquement être utilisée par les applications qui fournissent leur propre mécanisme de sélection. La plupart des applications devraient plutôt utiliser la propriété {{cssxref("-ms-user-select")}}.</p> - -<p>Si vous choisissez de masquer la barre d'accroche, vous devrez vous assurer de fournir un mécanisme de sélection tactile. Pour réaliser cela avec JavaScript, vous pouvez voir <a href="/fr/docs/Web/API/Selection_API">les différentes API disponibles</a>.</p> - -<p>Cette propriété n'a aucun effet pour les interactions à la souris, au clavier ou au pavé tactile.</p> diff --git a/files/fr/web/css/-ms-wrap-flow/index.html b/files/fr/web/css/-ms-wrap-flow/index.html deleted file mode 100644 index 54c93a3ae6..0000000000 --- a/files/fr/web/css/-ms-wrap-flow/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -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> diff --git a/files/fr/web/css/-ms-wrap-margin/index.html b/files/fr/web/css/-ms-wrap-margin/index.html deleted file mode 100644 index 164c64b9f2..0000000000 --- a/files/fr/web/css/-ms-wrap-margin/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: '-ms-wrap-margin' -slug: Web/CSS/-ms-wrap-margin -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-wrap-margin ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-wrap-margin</code></strong> est <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">une propriété spécifique à Microsoft</a> qui définit une marge qui décale le retour à la ligne par rapport aux autres formes.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt>{{cssxref("<length>")}}</dt> - <dd> - <p>La taille de la marge avec une valeur non-négative.</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é est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Remarks" name="Remarks">Notes</h2> - -<p>Les décalages créés par la propriété <code>-ms-wrap-margin</code> sont décalés en en dehors de l'exclusion. Cette propriété peut être utilisée avec n'importe quelle valeur de longueur.</p> diff --git a/files/fr/web/css/-ms-wrap-through/index.html b/files/fr/web/css/-ms-wrap-through/index.html deleted file mode 100644 index d817d34bbb..0000000000 --- a/files/fr/web/css/-ms-wrap-through/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: '-ms-wrap-through' -slug: Web/CSS/-ms-wrap-through -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-wrap-through ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété CSS <strong><code>-ms-wrap-through</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique comment le contenu devrait s'écouler autour d'un élément d'exclusion.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt><code>wrap</code></dt> - <dd> - <p>L'élément d'exclusion hérite de la configuration de l'élément parent. Les éléments en ligne descendants s'écoulent autour des éléments d'exclusion définis en dehors de l'élément.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>L'élément d'exclusion n'hérite pas de la configuration de l'élément parent. Les éléments descendants s'écoulent uniquement autour des éléments d'exclusion définis à l'intérieur de l'élément.</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é est une propriété spécifique 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-through</code> peut être utilisée afin de contrôler l'effet des exclusions. On peut notamment avoir un contenu de bloc qui s'écoule autour d'un élément d'exclusion et un autre contenu de bloc de créer une intersection avec ce même élément d'exclusion.</p> - -<p>Le contour d'exclusion d'une boîte est formé par l'ensemble des zones d'exclusion associées à l'élément. Pour plus d'informations, voir la section <a href="https://drafts.csswg.org/css-exclusions-1/#terms">Terminologie</a> de la spécification de niveau 1 pour le module CSS Exclusions.</p> diff --git a/files/fr/web/css/@media/-moz-mac-graphite-theme/index.html b/files/fr/web/css/@media/-moz-mac-graphite-theme/index.html deleted file mode 100644 index 0e40cdfb52..0000000000 --- a/files/fr/web/css/@media/-moz-mac-graphite-theme/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: '-moz-mac-graphite-theme' -slug: Web/CSS/@media/-moz-mac-graphite-theme -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-mac-graphite-theme ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<p>La <a href="/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractéristique média</a> <strong><code>-moz-mac-graphite-theme</code></strong>, rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, est spécifique à Gecko et peut être utilisée afin d'appliquer des styles si, sur macOS, l'utilisateur utilise le thème "Graphite".</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'utilisateur a configuré son appareil afin d'utiliser le thème "Graphite" de macOS X, cette caractéristique vaut 1. Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette caractéristiquee correspond à la pseudo-classe {{CSSxRef(":-moz-system-metric/mac-graphite-theme", ":-moz-system-metric(mac-graphite-theme)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-maemo-classic/index.html b/files/fr/web/css/@media/-moz-maemo-classic/index.html deleted file mode 100644 index 1711266448..0000000000 --- a/files/fr/web/css/@media/-moz-maemo-classic/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: '-moz-maemo-classic' -slug: Web/CSS/@media/-moz-maemo-classic -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-maemo-classic ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Gecko_MinVersion_Header("1.9.2")}}</div> - -<p>La <a href="fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractérique média</a> <strong><code>-moz-maemo-classic</code></strong>, rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, est spécifique à Gecko et permet d'appliquer des styles si l'agent utilisateur utilise le thème Maemo original.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'agent utilisateur utilise Maemo avec le thème original, cette caractéristique vaut 1. Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette caractéristique correspond à la pseudo-classe {{CSSxRef(":-moz-system-metric/maemo-classic", ":-moz-system-metric(maemo-classic)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-os-version/index.html b/files/fr/web/css/@media/-moz-os-version/index.html deleted file mode 100644 index 5fafbdb5c5..0000000000 --- a/files/fr/web/css/@media/-moz-os-version/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: '-moz-os-version' -slug: Web/CSS/@media/-moz-os-version -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-os-version ---- -<div>{{cssref}}{{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<p>La <a href="/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractéristique média</a> <strong><code>-moz-os-version</code></strong>, rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, est spécifique à Gecko et permet d'appliquer des styles en fonction de la version de Windows de l'utilisateur. Cela peut être utile afin d'adapter l'apparence d'une interface utilisateur en fonction de la version du système d'exploitation.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>windows-win7</code></dt> - <dd>Le système d'exploitation est Windows 7.</dd> - <dt><code>windows-win8</code></dt> - <dd>Le système d'exploitation est Windows 8.</dd> - <dt><code>windows-win10</code></dt> - <dd>Le système d'exploitation est Windows 10.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> diff --git a/files/fr/web/css/@media/-moz-scrollbar-end-backward/index.html b/files/fr/web/css/@media/-moz-scrollbar-end-backward/index.html deleted file mode 100644 index 823591be7f..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-end-backward/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-end-backward' -slug: Web/CSS/@media/-moz-scrollbar-end-backward -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-end-backward ---- -<div>{{cssref}}{{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche une flèche à la fin des ascensceurs (<em>scrollbars</em>), cette caractéristique vaut 1 et sinon 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/scrollbar-end-backward", ":-moz-system-metric(scrollbar-end-backward)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-scrollbar-end-forward/index.html b/files/fr/web/css/@media/-moz-scrollbar-end-forward/index.html deleted file mode 100644 index 2d7bb0dd8a..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-end-forward/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-end-forward' -slug: Web/CSS/@media/-moz-scrollbar-end-forward -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-end-forward ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche un bouton avec une flèche à la fin des ascenseurs (<em>scrollbars</em>), cette caractéristique vaut 1, sinon elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/scrollbar-end-forward", ":-moz-system-metric(scrollbar-end-forward)")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-scrollbar-start-backward/index.html b/files/fr/web/css/@media/-moz-scrollbar-start-backward/index.html deleted file mode 100644 index 1424cda885..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-start-backward/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-start-backward' -slug: Web/CSS/@media/-moz-scrollbar-start-backward -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-start-backward ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche un bouton avec une flèche vers l'arrière à la fin des ascenseurs (<em>scrollbars</em>), cette caractéristique vaut 1 et sinon 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{cssxref(":-moz-system-metric(scrollbar-start-backward)")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-scrollbar-start-forward/index.html b/files/fr/web/css/@media/-moz-scrollbar-start-forward/index.html deleted file mode 100644 index 851323ed06..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-start-forward/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-start-forward' -slug: Web/CSS/@media/-moz-scrollbar-start-forward -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-start-forward ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche une flèche vers l'avant au début des ascenseurs (<em>scrollbars</em>), cette caractéristique vaut 1 et sinon 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/scrollbar-start-forward", ":-moz-system-metric(scrollbar-start-forward)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-scrollbar-thumb-proportional/index.html b/files/fr/web/css/@media/-moz-scrollbar-thumb-proportional/index.html deleted file mode 100644 index 575085f65a..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-thumb-proportional/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-thumb-proportional' -slug: Web/CSS/@media/-moz-scrollbar-thumb-proportional -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-thumb-proportional ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche une barre de défilement dont la taille est proportionnelle au pourcentage du document visible, cette caractéristique vaut 1 et sinon 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/scrollbar-thumb-proportional", ":-moz-system-metric(scrollbar-thumb-proportional)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-touch-enabled/index.html b/files/fr/web/css/@media/-moz-touch-enabled/index.html deleted file mode 100644 index 76b8621ab3..0000000000 --- a/files/fr/web/css/@media/-moz-touch-enabled/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-moz-touch-enabled' -slug: Web/CSS/@media/-moz-touch-enabled -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-touch-enabled ---- -<p>{{CSSRef}}{{Non-standard_Header}}{{Gecko_MinVersion_Header("1.9.2")}}</p> - -<div class="blockIndicator note"> -<p><strong>Note :</strong> Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média ne peut plus être utilisée pour du contenu web, elle est uniquement accessible pour du code pour le chrome/XUL. Voir {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si l'appareil prend en charge les évènements tactiles et 0 sinon.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Exemples">Exemples</h2> - -<p>Cette caractéristique peut être utilisée pour afficher des boutons plus gros si l'utilisateur emploie un appareil tactile.</p> - -<pre class="brush: css">button { - padding: .5em; -} - -@media (-moz-touch-enabled) { - button { - padding: 1em; - } -}</pre> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette fonctionnalité correspond à la pseudo-classe {{CSSxRef(":-moz-system-metric/touch-enabled", ":-moz-system-metric(touch-enabled)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-accent-color-in-titlebar/index.html b/files/fr/web/css/@media/-moz-windows-accent-color-in-titlebar/index.html deleted file mode 100644 index 3b2937525c..0000000000 --- a/files/fr/web/css/@media/-moz-windows-accent-color-in-titlebar/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-moz-windows-accent-color-in-titlebar' -slug: Web/CSS/@media/-moz-windows-accent-color-in-titlebar -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-accent-color-in-titlebar ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<p>La <a href="/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractéristique média</a> <code><strong>-moz-windows-accent-color-in-titlebar</strong></code>, spécifique à Gecko et rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, peut-être utilisée afin d'appliquer des styles selon que les couleurs d'accentuation de Microsoft Windows pour les barres de titres sont activées ou non.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si les couleurs d'accentuation sont activées pour les barres de titre des fenêtres (pour les versions récentes de Windows, par exemple Windows 10). Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: css">@media (-moz-windows-accent-color-in-titlebar: 1) { - h1 { - color: -moz-win-accentcolortext; - } - - body { - background-color: -moz-win-accentcolor; - } -}</pre> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette caractéristique est liée aux valeurs {{cssxref("<color>")}} <code>-moz-win-accentcolor</code> et <code>-moz-win-accentcolortext</code> qui permettent d'accéder aux couleurs d'accentuation de Windows depuis CSS.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-classic/index.html b/files/fr/web/css/@media/-moz-windows-classic/index.html deleted file mode 100644 index eed112dbf8..0000000000 --- a/files/fr/web/css/@media/-moz-windows-classic/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: '-moz-windows-classic' -slug: Web/CSS/@media/-moz-windows-classic -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-classic ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si l'utilisateur utilise Windows sans aucun thème (c'est-à-dire en mode classique plutôt qu'en mode uxtheme). Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des prefixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette caractéristique correspond à la pseudo-classe {{CSSxRef(":-moz-system-metric/windows-classic", ":-moz-system-metric(windows-classic)")}}</li> - <li>{{CSSxRef("@media/-moz-windows-default-theme", "-moz-windows-default-theme")}}</li> - <li>{{CSSxRef("@media/-moz-windows-theme", "-moz-windows-theme")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-compositor/index.html b/files/fr/web/css/@media/-moz-windows-compositor/index.html deleted file mode 100644 index c590e35390..0000000000 --- a/files/fr/web/css/@media/-moz-windows-compositor/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-windows-compositor' -slug: Web/CSS/@media/-moz-windows-compositor -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: 'Archive/Web/CSS/:-moz-system-metric/-moz-windows-compositor' ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si l'utilisateur utilise Windows avec le compositeur DWM. Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/windows-compositor", ":-moz-system-metric(windows-compositor)")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-default-theme/index.html b/files/fr/web/css/@media/-moz-windows-default-theme/index.html deleted file mode 100644 index 8a84ca3119..0000000000 --- a/files/fr/web/css/@media/-moz-windows-default-theme/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: '-moz-windows-default-theme' -slug: Web/CSS/@media/-moz-windows-default-theme -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-default-theme ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'utilisateur utilise un thème Windows par défaut (Luna, Royale, Zune ou Aero (incluant Vista Basic, Vista Advanced et Aero Glass)), cette caractéristique vaut 1 et sinon elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric(windows-default-theme)")}}</li> - <li>{{CSSxRef("@media/-moz-windows-classic", "-moz-windows-classic")}}</li> - <li>{{CSSxRef("@media/-moz-windows-theme", "-moz-windows-theme")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-glass/index.html b/files/fr/web/css/@media/-moz-windows-glass/index.html deleted file mode 100644 index 9fdccd49a6..0000000000 --- a/files/fr/web/css/@media/-moz-windows-glass/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: '-moz-windows-glass' -slug: Web/CSS/@media/-moz-windows-glass -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-glass ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si l'utilisateur utilise l thème Windows Glass et 0 sinon. Note : ce thème n'existe que pour Windows 7 et les versions antérieures.</dd> -</dl> - -<p><strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> diff --git a/files/fr/web/css/@media/-moz-windows-theme/index.html b/files/fr/web/css/@media/-moz-windows-theme/index.html deleted file mode 100644 index c0bebdf7f1..0000000000 --- a/files/fr/web/css/@media/-moz-windows-theme/index.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: '-moz-windows-theme' -slug: Web/CSS/@media/-moz-windows-theme -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-theme ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<p>La <a href="/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractéristique média</a> <strong><code>-moz-windows-theme</code></strong>, spécifique à Gecko et rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, permet de personnaliser les éléments d'interfaces afin que ceux-ci soient bien intégrés par rapport au thème Windows utilisé par l'utilisateur.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La caractéristique <code>-moz-windows-theme</code> est un mot-clé indiquant le thème Windows actuellement utilisé.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<ul> - <li><code>aero</code></li> - <li><code>luna-blue</code></li> - <li><code>luna-olive</code></li> - <li><code>luna-silver</code></li> - <li><code>royale</code></li> - <li><code>generic</code></li> - <li><code>zune</code></li> -</ul> - -<p><strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{CSSxRef("@media/-moz-windows-classic", "-moz-windows-classic")}}</li> - <li>{{CSSxRef("@media/-moz-windows-default-theme", "-moz-windows-default-theme")}}</li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-full-screen-ancestor/index.html b/files/fr/web/css/_colon_-moz-full-screen-ancestor/index.html deleted file mode 100644 index 4004032f1c..0000000000 --- a/files/fr/web/css/_colon_-moz-full-screen-ancestor/index.html +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: ':-moz-full-screen-ancestor' -slug: 'Web/CSS/:-moz-full-screen-ancestor' -tags: - - CSS - - Non-standard - - Obsolete - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-full-screen-ancestor' ---- -<div>{{CSSRef}}{{non-standard_header}}{{deprecated_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-full-screen-ancestor</code></strong> permettait de cibler tous les ancêtres d'un élément affiché en plein écran à l'exception des <em>frames</em> contenues dans les documents parents.</p> - -<div class="warning"> -<p>Cette pseudo-classe a été retirée de Firefox 50</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-full-screen-ancestor")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/Guide/DOM/Using_full_screen_mode">Utiliser le mode plein-écran</a></li> - <li>{{domxref("element.mozRequestFullScreen()")}}</li> - <li>{{domxref("document.mozCancelFullScreen()")}}</li> - <li>{{domxref("document.mozFullScreen")}}</li> - <li>{{domxref("document.mozFullScreenElement")}}</li> - <li>{{domxref("document.mozFullScreenEnabled")}}</li> - <li>{{HTMLAttrXRef("mozallowfullscreen", "iframe")}}</li> - <li>{{cssxref(":full-screen")}}</li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-lwtheme-brighttext/index.html b/files/fr/web/css/_colon_-moz-lwtheme-brighttext/index.html deleted file mode 100644 index 68304a2c21..0000000000 --- a/files/fr/web/css/_colon_-moz-lwtheme-brighttext/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: ':-moz-lwtheme-brighttext' -slug: 'Web/CSS/:-moz-lwtheme-brighttext' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Mozilla/Gecko/Chrome/CSS/:-moz-lwtheme-brighttext' ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-lwtheme-brighttext</code></strong> correspond à un élément de l'interface utilisateur du navigateur (le <em>chrome</em>) lorsque {{cssxref(":-moz-lwtheme")}} vaut <code>true</code> et qu'un thème léger avec une couleur de texte clair est sélectionné.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref(":-moz-lwtheme")}}</li> - <li>{{cssxref(":-moz-lwtheme-darktext")}}</li> - <li><a href="/fr/docs/Mozilla/Add-ons/Thèmes/Lightweight_themes">Les thèmes légers</a></li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-lwtheme-darktext/index.html b/files/fr/web/css/_colon_-moz-lwtheme-darktext/index.html deleted file mode 100644 index 912ddbd7f6..0000000000 --- a/files/fr/web/css/_colon_-moz-lwtheme-darktext/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: ':-moz-lwtheme-darktext' -slug: 'Web/CSS/:-moz-lwtheme-darktext' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Mozilla/Gecko/Chrome/CSS/:-moz-lwtheme-darktext' ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-lwtheme-darktext</code></strong> correspond à un élément de l'interface utilisateur du navigateur (le <em>chrome</em>) lorsque {{cssxref(":-moz-lwtheme")}} vaut <code>true</code> et qu'un thème léger avec une couleur de texte sombre est sélectionné.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref(":-moz-lwtheme")}}</li> - <li>{{cssxref(":-moz-lwtheme-brighttext")}}</li> - <li><a href="/fr/docs/Mozilla/Add-ons/Thèmes/Lightweight_themes">Les thèmes légers</a></li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-lwtheme/index.html b/files/fr/web/css/_colon_-moz-lwtheme/index.html deleted file mode 100644 index 31b249d0ca..0000000000 --- a/files/fr/web/css/_colon_-moz-lwtheme/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: ':-moz-lwtheme' -slug: 'Web/CSS/:-moz-lwtheme' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Mozilla/Gecko/Chrome/CSS/:-moz-lwtheme' ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-lwtheme</code></strong> permet de cibler les documents liés à l'interface utilisateur du navigateur (le <em>chrome</em>) lorsque l'attribut {{xulattr("lightweightthemes")}} de l'élément racine vaut <code>true</code> et qu'un thème est sélectionné.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref(":-moz-lwtheme-darktext")}}</li> - <li>{{cssxref(":-moz-lwtheme-brighttext")}}</li> - <li><a href="/fr/docs/Mozilla/Add-ons/Thèmes/Lightweight_themes">Les thèmes légers</a></li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-system-metric/images-in-menus/index.html b/files/fr/web/css/_colon_-moz-system-metric/images-in-menus/index.html deleted file mode 100644 index dba93df04b..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/images-in-menus/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(images-in-menus)' -slug: 'Web/CSS/:-moz-system-metric/images-in-menus' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/images-in-menus' ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Fx_minversion_header(3)}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(images-in-menus)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur utilisée permet d'utiliser des images dans les menus.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.images-in-menus")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/index.html b/files/fr/web/css/_colon_-moz-system-metric/index.html deleted file mode 100644 index 75e34f4f90..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: ':-moz-system-metric()' -slug: 'Web/CSS/:-moz-system-metric' -tags: - - CSS - - Non-standard - - Obsolete - - Pseudo-classe -translation_of: 'Archive/Web/CSS/:-moz-system-metric' ---- -<p>{{CSSRef}}{{Draft}}{{Non-standard_Header}}{{Obsolete_Header("gecko58")}}</p> - -<p>{{wiki.localize("System.API.page-generated-for-subpage")}}</p> - -<div class="blockIndicator note"> -<p><strong>Note :</strong> Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur le Web. Elle ne peut être utilisée que de façon interne (pour du chrome ou du code XUL). Voir {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>{{SubpagesWithSummaries}}</p> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{CSSSyntax}}</pre> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{CSSxRef("@media")}}</li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-system-metric/mac-graphite-theme/index.html b/files/fr/web/css/_colon_-moz-system-metric/mac-graphite-theme/index.html deleted file mode 100644 index fb3013b14f..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/mac-graphite-theme/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: ':-moz-system-metric(mac-graphite-theme)' -slug: 'Web/CSS/:-moz-system-metric/mac-graphite-theme' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/mac-graphite-theme' ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La pseudo-classe <code>:-moz-system-metric(mac-graphite-theme)</code> correspond à un élément si l'utilisateur a sélectionné l'apparence <em>Graphite</em> dans l'écran des préférences système de Mac OS X.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.mac-graphite-theme")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{Bug(448767)}}</li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-backward/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-backward/index.html deleted file mode 100644 index d5ff5941e3..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-backward/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-end-backward)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-end-backward' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-end-backward' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-end-backward)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur inclut un bouton de recul à la fin des barres de défilement.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-end-backward")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-forward/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-forward/index.html deleted file mode 100644 index abc2ef8c2e..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-forward/index.html +++ /dev/null @@ -1,27 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-end-forward)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-end-forward' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-end-forward' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-end-forward)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur inclut un bouton d'avancement à la fin des barres de défilement.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-end-forward")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-backward/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-backward/index.html deleted file mode 100644 index 19c645904f..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-backward/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-start-backward)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-start-backward' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-start-backward' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-start-backward)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur utilisé inclut un bouton avec une flèche vers le bas à la fin des barres de défilement.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-start-backward")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-forward/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-forward/index.html deleted file mode 100644 index a6cc78db85..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-forward/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-start-forward)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-start-forward' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-start-forward' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-start-forward)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur inclue une flèche pour remonter au début des barres de défilement.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-start-forward")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-thumb-proportional/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-thumb-proportional/index.html deleted file mode 100644 index 14c1511f98..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-thumb-proportional/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-thumb-proportional)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-thumb-proportional' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-thumb-proportional' ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-thumb-proportional)</code></strong> correspondra à un élément si l'interface utilisateur de l'ordinateur utilise des curseurs de barre de défilement proportionnels à la taille de la zone visible du document à l'écran.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-thumb-proportional")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/touch-enabled/index.html b/files/fr/web/css/_colon_-moz-system-metric/touch-enabled/index.html deleted file mode 100644 index 4b48986029..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/touch-enabled/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(touch-enabled)' -slug: 'Web/CSS/:-moz-system-metric/touch-enabled' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/touch-enabled' ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(touch-enabled)</code></strong> correspondra à un élément si l'appareil sur lequel il est affiché est une interface tactile.</p> - -<div class="note"><strong>Note :</strong> Cette pseudo-classe n'est pas destinée à être utilisée sur le Web. Pour cela, on privilégiera la requête média {{cssxref("-moz-touch-enabled")}}.</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.touch-enabled")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/windows-default-theme/index.html b/files/fr/web/css/_colon_-moz-system-metric/windows-default-theme/index.html deleted file mode 100644 index ae0eaf8806..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/windows-default-theme/index.html +++ /dev/null @@ -1,69 +0,0 @@ ---- -title: ':-moz-system-metric(windows-default-theme)' -slug: 'Web/CSS/:-moz-system-metric/windows-default-theme' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/windows-default-theme' ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(windows-default-theme)</code></strong> correspond à un élément si l'utilisateur utilise l'un des thèmes Windows suivant : Luna, Royale, Zune ou Aero (c'est-à-dire Vista Basic, Vista Standard ou Aero Glass). Les thèmes Windows classiques et les thèmes tiers sont exclus.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">#defaultThemes, -#nonDefaultThemes { - background-color: #FFA0A0; -} - -#defaultThemes:-moz-system-metric(windows-default-theme) { - background-color: #A0FFA0; -} - -#nonDefaultThemes:not(-moz-system-metric(windows-default-theme)) { - background-color: #A0FFA0; -} - -#notSupported:-moz-system-metric(windows-default-theme), -#notSupported:not(:-moz-system-metric(windows-default-theme)) { - display: none; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><p id="defaultThemes"> - Ce paragraphe devrait avoir un fond vert avec les thèmes Windows - Luna/Royale/Zune/Aero et un fond rouge avec les autres. -</p> - -<p id="nonDefaultThemes"> - Ce paragraphe devrait avoir un fond vert avec with Windows Classic - ou avec un thème tiers ou un fond rouge pour les autres. -</p> - -<p id="notSupported">La détection des thèmes n'est pas prise en charge.</p></pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", "100%", 170)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.windows-default-theme")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-browse/index.html b/files/fr/web/css/_doublecolon_-ms-browse/index.html deleted file mode 100644 index a1c0fc0ad9..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-browse/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: '::-ms-browse' -slug: 'Web/CSS/::-ms-browse' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-browse' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-browse</code></strong> représente le bouton qui permet d'ouvrir l'explorateur de fichier d'un élément {{HTMLElement("input")}} de type <code>file</code>.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes peuvent être utilisées avec une règle qui utilise un sélecteur avec <code>::-ms-browse</code>. Les autres propriétés sont ignorées.</p> - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-background-position-x")}}</li> - <li>{{CSSxRef("-ms-background-position-y")}}</li> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (valeurss <code>block</code>, <code>inline-block</code> et <code>none</code>)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><label>Choisir une image : <input type="file"></label></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">input[type="file"]::-ms-browse { - color: red; - background-color: yellow; -}</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample('Exemples')}}</p> - -<h3 id="Capture_d'écran_correspondante">Capture d'écran correspondante</h3> - -<p><img alt="" src="https://mdn.mozillademos.org/files/12744/bandicam%202016-03-11%2017-19-55-369.jpg" style="height: 188px; width: 680px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-browse")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-check/index.html b/files/fr/web/css/_doublecolon_-ms-check/index.html deleted file mode 100644 index 7696ee6792..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-check/index.html +++ /dev/null @@ -1,125 +0,0 @@ ---- -title: '::-ms-check' -slug: 'Web/CSS/::-ms-check' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-check' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-check</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une extension Microsoft</a> qui représente la marque visuelle d'un élément {{HTMLElement("input")}} de <code>type="checkbox"</code> or <code>type="radio"</code>. Ce pseudo-élément n'est pas standard et est uniquement pris en charge par Internet Explorer et Edge.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules certaines propriétés CSS peuvent être utilisées au sein d'une règle dont le sélecteur contient <code>::-ms-check</code>. Les autres propriétés seront ignorées.</p> - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-background-position-x")}}</li> - <li>{{CSSxRef("-ms-background-position-y")}}</li> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (valeurs <code>block</code>, <code>inline-block</code> et <code>none</code>)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><em>selecteur</em>::-ms-check -</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">input, label { - display: inline; -} - -input[type=radio]::-ms-check { - /* Le cercle sera rouge comme l'option sera sélectionnée. */ - color: red; - /* La bordure de l'élément sera rouge si l'option est sélectionnée */ - border-color: red; -} - -input[type=checkbox]::-ms-check { - /* La coche sera verte quand la case sera cochée. */ - color: green; - /* La bordure de l'élément sera verte si la case est cochée */ - border-color: red; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><form> - <label for="redButton">Rouge</label> - <input type="radio" id="redButton"><br> - <label for="greenCheckbox">Verte</label> - <input type="checkbox" id="greenCheckbox"> -</form></pre> - -<h3 id="Résultat">Résultat</h3> - -<p>La capture d'écran à gauche illustre le résultat obtenu avec Internet Explorer ou Edge.</p> - -<p>{{EmbedLiveSample('Exemples', '', '', 'https://mdn.mozillademos.org/files/15814/ie11-example.PNG', 'Web/CSS/::-ms-check')}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-check")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-clear/index.html b/files/fr/web/css/_doublecolon_-ms-clear/index.html deleted file mode 100644 index fe06d95707..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-clear/index.html +++ /dev/null @@ -1,137 +0,0 @@ ---- -title: '::-ms-clear' -slug: 'Web/CSS/::-ms-clear' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-clear' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le <a href="/fr/docs/Web/CSS/Pseudo-éléments">pseudo-élément</a> <strong><code>::-ms-clear</code></strong> représente le bouton qui permet d'effacer la valeur saisie dans un champ {{HTMLElement("input")}}. Ce bouton et ce pseudo-élément ne sont pas standards et sont uniquement pris en charge par Internet Explorer 10, 11 et Edge. Le bouton est uniquement affichés pour les champs textuels {{HTMLElement("input")}} non-vides et qui ont le focus.</p> - -<p>Le bouton de remise à zéro est uniquement affiché pour les contrôles textuels qui ont le focus et qui ne sont pas vides. Les contrôles concernés sont :</p> - -<ul> - <li>{{HTMLElement("input/color", '<code><input type="color"></code>')}}</li> - <li>{{HTMLElement("input/date", '<code><input type="date"></code>')}}</li> - <li>{{HTMLElement("input/datetime", '<code><input type="datetime"></code>')}}</li> - <li>{{HTMLElement("input/datetime-local", '<code><input type="datetime-local"></code>')}}</li> - <li>{{HTMLElement("input/email", '<code><input type="email"></code>')}}</li> - <li>{{HTMLElement("input/month", '<code><input type="month"></code>')}}</li> - <li>{{HTMLElement("input/number", '<code><input type="number"></code>')}}</li> - <li>{{HTMLElement("input/search", '<code><input type="search"></code>')}}</li> - <li>{{HTMLElement("input/tel", '<code><input type="tel"></code>')}}</li> - <li>{{HTMLElement("input/time", '<code><input type="time"></code>')}}</li> - <li>{{HTMLElement("input/url", '<code><input type="url"></code>')}}</li> - <li>{{HTMLElement("input/week", '<code><input type="week"></code>')}}</li> -</ul> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes peuvent être utilisées dans une règle qui contient <code>::-ms-clear</code> dans son sélecteur (les autres propriétés seront ignorées).</p> - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-position-x")}}</li> - <li>{{CSSxRef("background-position-y")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (avec les valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> - -<h2 id="Syntaxe"><strong>Syntaxe</strong></h2> - -<pre class="syntaxbox"> <em>selecteur</em>::-ms-clear</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">input, -label { - display: block; -} - -input[type=text]::-ms-clear { - color: red;<em> </em>/* La croix du bouton sera rouge. */ - /* On peut cacher la croix avec display qui vaut "none" */ -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><form> - <label for="firstname">First name:</label> - <input type="text" id="firstname" name="firstname" placeholder="First name"><br> - - <label for="lastname">Last name:</label> - <input type="text" id="lastname" name="lastname" placeholder="Second name"> -</form> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample('Exemples')}}</p> - -<p>Voici une capture d'écran du résultat obtenu avec IE 10/11 :</p> - -<p> <img alt="" src="https://mdn.mozillademos.org/files/12263/ms-clear-example.png" style="display: block; height: 75px; margin: 0px auto; width: 611px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-clear")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-expand/index.html b/files/fr/web/css/_doublecolon_-ms-expand/index.html deleted file mode 100644 index f8f7b3ded3..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-expand/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: '::-ms-expand' -slug: 'Web/CSS/::-ms-expand' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-expand' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-expand</code></strong> représente le bouton contenu dans un élément {{HTMLElement("select")}} et qui permet d'ouvrir ou de fermer le menu déroulant qui propose les options ({{HTMLElement("option")}}). Il est généralement représenté par un triangle orienté vers le bas.</p> - -<h2 id="Allowable_properties" name="Allowable_properties">Propriétés autorisées</h2> - -<p>Seules certaines propriétés CSS peuvent être utilisées dans une règle contenant <code>::-ms-expand</code> dans son sélecteur (les autres propriétés seront ignorées).</p> - - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-position-x")}}</li> - <li>{{CSSxRef("background-position-y")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">::-ms-expand -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> -<p>{{Compat("css.selectors.-ms-expand")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-fill-lower/index.html b/files/fr/web/css/_doublecolon_-ms-fill-lower/index.html deleted file mode 100644 index de4df1e4af..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-fill-lower/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: '::-ms-fill-lower' -slug: 'Web/CSS/::-ms-fill-lower' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-fill-lower' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-fill-lower</code></strong> représente la portion de la piste d'un élément {{HTMLElement("input")}} de type <code>range</code> qui contient les valeurs inférieures à la valeur du curseur.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-fill-lower</code> (les autres propriétés sont ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-fill-lower")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les pseudo-éléments utilisés par IE/Edge pour mettre en forme les autres parties des éléments {{HTMLElement("input")}} de type <code>range</code> : - - <ul> - <li>{{cssxref("::-ms-fill-upper")}}</li> - <li>{{cssxref("::-ms-track")}}</li> - <li>{{cssxref("::-ms-thumb")}}</li> - </ul> - </li> - <li>{{cssxref("::-moz-range-progress")}}</li> - <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">CSS-Tricks : Gérer des champs <code>input</code> de type <code>range</code> de façon compatible entre les navigateurs (en anglais)</a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-fill-upper/index.html b/files/fr/web/css/_doublecolon_-ms-fill-upper/index.html deleted file mode 100644 index 3413848720..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-fill-upper/index.html +++ /dev/null @@ -1,101 +0,0 @@ ---- -title: '::-ms-fill-upper' -slug: 'Web/CSS/::-ms-fill-upper' -tags: - - CSS - - Non-standard - - Pseudo-élément(2) - - Référence(2) -translation_of: 'Archive/Web/CSS/::-ms-fill-upper' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-fill-upper</code></strong> représente la portion de la piste d'un élément {{HTMLElement("input")}} de type <code>range</code> qui contient les valeurs supérieures à la valeur du curseur.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-fill-upper</code>. Les autres propriétés sont ignorées.</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntax">Syntax</h2> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-fill-upper")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les pseudo-éléments utilisés par IE/Edge pour mettre en forme les autres parties des éléments {{HTMLElement("input")}} de type <code>range</code> : - - <ul> - <li>{{cssxref("::-ms-fill-lower")}}</li> - <li>{{cssxref("::-ms-track")}}</li> - <li>{{cssxref("::-ms-thumb")}}</li> - </ul> - </li> - <li>{{cssxref("::-moz-range-progress")}}</li> - <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">CSS-Tricks : Gérer des champs <code>input</code> de type <code>range</code> de façon compatible entre les navigateurs (en anglais)</a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-fill/index.html b/files/fr/web/css/_doublecolon_-ms-fill/index.html deleted file mode 100644 index e122d2104d..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-fill/index.html +++ /dev/null @@ -1,117 +0,0 @@ ---- -title: '::-ms-fill' -slug: 'Web/CSS/::-ms-fill' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-fill' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-fill</code></strong> est un pseudo-élément <a href="/fr/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft</a> qui représente la partie « remplie » d'un élément {{HTMLElement("progress")}}. Ce pseudo-élément n'est pas standard et est uniquement disponible avec Internet Explorer 10, Internet Explorer 11 et Microsoft Edge.</p> - -<p>Toutes les propriétés autorisées (à l'exception de {{cssxref("animation-name")}}) s'appliquent sur une barre de progression dans un état déterminé. Seule <code>animation-name</code> s'applique sur une barre dans un état indéterminée. Les éléments <code><progress></code> dans un état indéterminés sont ceux qui n'ont pas d'attribut {{htmlattrxref("value")}}, ils peuvent être sélectionnés grâce à la pseudo-classe {{cssxref(":indeterminate")}}.</p> - -<p>Par défaut, IE affiche un bordure avec des points qui se déplacent lorsque la barre est dans un état déterminée. En utilisant <code>animation-name</code> sur <code>::-ms-fill</code>, on peut modifier l'animation :</p> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Valeur</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>none</code></td> - <td>L'animation est désactivée, aucun point n'est affiché.</td> - </tr> - <tr> - <td><code>-ms-bar</code></td> - <td>Les points animés sont affichés sous la forme d'une barre.</td> - </tr> - <tr> - <td><code>-ms-ring</code></td> - <td>Les points animés sont affichés sous la forme d'un anneau.</td> - </tr> - </tbody> -</table> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés suivantes peuvent être utilisées avec <code>::-ms-fill</code> (les autres propriétés seront ignorées) :</p> - -<ul> - <li>{{cssxref("animation-name")}}</li> - <li>{{cssxref("background-clip")}}, {{cssxref("background-color")}}, {{cssxref("background-image")}}, {{cssxref("background-origin")}}, {{cssxref("background-repeat")}}, {{cssxref("background-size")}}</li> - <li>{{cssxref("border")}}</li> - <li>{{cssxref("border-radius")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (avec les valeurs : <code>block</code>, <code>inline-block</code> et <code>none</code>.)</li> - <li>{{cssxref("font")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin")}}</li> - <li>{{cssxref("-ms-background-position-x")}}</li> - <li>{{cssxref("-ms-background-position-y")}}</li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}, {{cssxref("outline-style")}}, {{cssxref("outline-width")}}</li> - <li>{{cssxref("padding")}}</li> - <li>{{cssxref("transform")}} et {{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<ul> -</ul> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">progress::-ms-fill { - background-color: orange; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><progress value="10" max="50"></progress> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 300, 50)}}</p> - -<p>Une barre de progression mise en forme avec cette feuille de style devrait ressembler à :</p> - -<p><img alt="Progress Bar with Orange Fill" src="https://mdn.mozillademos.org/files/13484/progress_bar.png" style="height: 44px; width: 308px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est spécifique à Microsoft et n'est décrit dans aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-fill")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("::-moz-progress-bar")}}</li> - <li>{{cssxref("::-webkit-progress-bar")}}</li> - <li>{{cssxref("::-webkit-progress-value")}}</li> - <li>{{cssxref("::-webkit-progress-inner-element")}} - <ul> - </ul> - </li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-reveal/index.html b/files/fr/web/css/_doublecolon_-ms-reveal/index.html deleted file mode 100644 index e0e998ad5b..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-reveal/index.html +++ /dev/null @@ -1,91 +0,0 @@ ---- -title: '::-ms-reveal' -slug: 'Web/CSS/::-ms-reveal' -tags: - - CSS - - Microsoft - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-reveal' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-reveal</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">un pseudo-élément spécifique à Microsoft</a> qui est utilisé pour la représentation du bouton qui permet de révéler le mot de passe qui est généralement affiché juste après un élément {{HTMLElement("input/password", '<input type="password">')}} dans Internet Explorer 10+.</p> - -<p>Ce bouton permet d'afficher le contenu du mot de passe dans le champs (plutôt que les astérisques qui masquent les caractères).</p> - -<p>Ce pseudo-élément n'est pas standard et est spécifique à Internet Explorer 10+.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-reveal</code> (les autres propriétés seront ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li>{{CSSxRef("-ms-background-position-x")}}</li> - <li>{{CSSxRef("-ms-background-position-y")}}</li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax("::-ms-reveal")}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-reveal")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-thumb/index.html b/files/fr/web/css/_doublecolon_-ms-thumb/index.html deleted file mode 100644 index 895408d2b0..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-thumb/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: '::-ms-thumb' -slug: 'Web/CSS/::-ms-thumb' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-thumb' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-thumb</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">un pseudo-élément spécifique à Microsoft</a> qui représente le curseur qui peut être déplacer le long de la piste d'un élément {{HTMLElement("input")}} de type <code>range</code> afin de modifier la valeur numérique associée.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-thumb</code> (les autres propriétés sont ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntax">Syntax</h2> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les pseudo-éléments utilisés par IE/Edge qui permettent de mettre en forme les éléments {{HTMLElement("input")}} de type <code>range</code> : - - <ul> - <li>{{cssxref("::-ms-track")}}</li> - <li>{{cssxref("::-ms-fill-upper")}}</li> - <li>{{cssxref("::-ms-fill-lower")}}</li> - </ul> - </li> - <li>Les pseudo-éléments similaires des autres navigateurs - <ul> - <li>{{cssxref("::-webkit-slider-thumb")}}</li> - <li>{{cssxref("::-moz-range-thumb")}}</li> - </ul> - </li> - <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">CSS-Tricks : Gérer des champs <code>input</code> de type <code>range</code> de façon compatible entre les navigateurs (en anglais)</a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-ticks-after/index.html b/files/fr/web/css/_doublecolon_-ms-ticks-after/index.html deleted file mode 100644 index 02bf07507a..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-ticks-after/index.html +++ /dev/null @@ -1,91 +0,0 @@ ---- -title: '::-ms-ticks-after' -slug: 'Web/CSS/::-ms-ticks-after' -tags: - - CSS - - Microsoft - - Non-standard - - Pseudo-element - - Reference - - Web -translation_of: 'Archive/Web/CSS/::-ms-ticks-after' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le <a href="/fr/docs/Web/CSS/Pseudo-éléments">pseudo-élément</a> <strong><code>::-ms-ticks-after</code></strong> est une <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">extension Microsoft</a> qui permet d'appliquer un ou plusieurs styles aux graduations d'une piste qui sont situées après le curseur (la piste est celle d'un contrôle <code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code>). Pour une disposition avec une écriture de gauche à droite, les marques sont situées sous la piste. Pour une disposition avec une écriture de haut en bas, les marques sont situées à droite de la piste.</p> - -<p>Par défaut, les marques ne sont pas affichées, il est nécessaire d'utiliser la valeur <code>block</code> pour la propriété {{cssxref("display")}}.</p> - -<p>Il est possible d'utiliser simultanément les sélecteurs <strong><code>::-ms-ticks-after</code></strong>, {{cssxref("::-ms-ticks-before")}}, et {{cssxref("::-ms-track")}} mais cela créera alors trois ensembles de marques, ce qui n'est pas recommandé. Pour une meilleure ergonomie, il est conseillé de n'utiliser qu'un seul ensemble de marque. Pour retirer les marques, on pourra utiliser la valeur <code>transparent</code> sur la propriété {{cssxref("color")}}.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Voici les propriétés qui peuvent être définies dans les styles associés à ce pseudo-élément (les autres propriétés seront ignorées) :</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("-ms-background-position-x")}}</li> - <li>{{cssxref("-ms-background-position-y")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} : prise en charge pour ces valeurs : <code>block</code>, <code>inline-block</code>, <code>none</code>.</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<ul> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-ticks-before/index.html b/files/fr/web/css/_doublecolon_-ms-ticks-before/index.html deleted file mode 100644 index 371ff710ec..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-ticks-before/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: '::-ms-ticks-before' -slug: 'Web/CSS/::-ms-ticks-before' -tags: - - CSS - - Microsoft - - Non-standard - - Pseudo-element - - Reference - - Web -translation_of: 'Archive/Web/CSS/::-ms-ticks-before' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le <a href="/fr/docs/Web/CSS/Pseudo-éléments">pseudo-élément</a> <strong><code>::-ms-ticks-before</code></strong> est une <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">extension Microsoft</a> qui permet d'appliquer un ou plusieurs styles aux graduations d'une piste qui sont situées avant le curseur (la piste est celle d'un contrôle <code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code>). Pour une disposition avec une écriture de gauche à droite, les marques sont situées au-dessus de la piste. Pour une disposition avec une écriture de haut en bas, les marques sont situées à gauche de la piste.</p> - -<p>Par défaut, les marques ne sont pas affichées, il est nécessaire d'utiliser la valeur <code>block</code> pour la propriété {{cssxref("display")}}.</p> - -<p>Il est possible d'utiliser simultanément les sélecteurs {{cssxref("::-ms-ticks-after")}}, <strong><code>::-ms-ticks-before</code></strong> et {{cssxref("::-ms-track")}} mais cela créera alors trois ensembles de marques, ce qui n'est pas recommandé. Pour une meilleure ergonomie, il est conseillé de n'utiliser qu'un seul ensemble de marque. Pour retirer les marques, on pourra utiliser la valeur <code>transparent</code> sur la propriété {{cssxref("color")}}.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p> </p> - -<p>Voici les propriétés qui peuvent être définies dans les styles associés à ce pseudo-élément (les autres propriétés seront ignorées) :</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("-ms-background-position-x")}}</li> - <li>{{cssxref("-ms-background-position-y")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} : prise en charge pour ces valeurs : <code>block</code>, <code>inline-block</code>, <code>none</code>.</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code><a href="/en-US/docs/Web/HTML/Element/input/range"> </a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-tooltip/index.html b/files/fr/web/css/_doublecolon_-ms-tooltip/index.html deleted file mode 100644 index e4d68b6bcc..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-tooltip/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: '::-ms-tooltip' -slug: 'Web/CSS/::-ms-tooltip' -tags: - - CSS - - Extension - - Microsoft - - Non-standard - - Pseudo-element - - Reference - - Web -translation_of: 'Archive/Web/CSS/::-ms-tooltip' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le <a href="/fr/docs/Web/CSS/Pseudo-éléments">pseudo-élément</a> <strong><code>::-ms-tooltip</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une extension Microsoft</a> qui permet d'appliquer un ou plusieurs styles à la bulle d'information du curseur d'un élément <code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code>.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés {{cssxref("display")}} et {{cssxref("visibility")}} peuvent être utilisées avec <code>::-ms-tooltip</code>.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-track/index.html b/files/fr/web/css/_doublecolon_-ms-track/index.html deleted file mode 100644 index 5dda04462a..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-track/index.html +++ /dev/null @@ -1,104 +0,0 @@ ---- -title: '::-ms-track' -slug: 'Web/CSS/::-ms-track' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-track' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-track</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">un pseudo-élément spécifique à Microsoft</a> qui permet de représenter la piste sur laquelle on peut déplacer le curseur d'un élément {{HTMLElement("input")}} de <code>range</code>.</p> - -<p>La propriété {{cssxref("color")}}, appliquée au sein d'un sélecteur <code>::-ms-track</code> modifiera la couleur des graduations le long de la piste. Si on souhaite les masquer, on pourra utiliser la valeur <code>transparent</code>.</p> - -<p>On peut utiliser les pseudo-éléments {{cssxref("::-ms-ticks-after")}}, {{cssxref("::-ms-ticks-before")}} et <code>::-ms-track</code> ensemble afin de créer trois ensembles graduations. Toutefois, pour des raisons d'ergonomie, il est conseillé de n'avoir qu'une seule mise en forme pour ces graudations.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes sont autorisées dans une règle dont le sélecteur contient <code>::-ms-track</code> (les autres propriétés sont ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les pseudo-élément utilisés par IE/Edge et qui permettent de mettre en forme un élément {{HTMLElement("input")}} de type <code>range</code> : - - <ul> - <li>{{cssxref("::-ms-thumb")}}</li> - <li>{{cssxref("::-ms-fill-upper")}}</li> - <li>{{cssxref("::-ms-fill-lower")}}</li> - </ul> - </li> - <li>Les pseudo-éléments similaires des autres navigateurs - <ul> - <li>{{cssxref("::-webkit-slider-runnable-track")}}</li> - <li>{{cssxref("::-moz-range-track")}}</li> - </ul> - </li> - <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">CSS-Tricks : Mettre en forme les champs de saisie des formulaires pour les différents navigateurs avec CSS (en anglais)</a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-value/index.html b/files/fr/web/css/_doublecolon_-ms-value/index.html deleted file mode 100644 index 264ead8b53..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-value/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: '::-ms-value' -slug: 'Web/CSS/::-ms-value' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-value' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-value</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">un pseudo-élément spécifique à Microsoft</a> qui permet d'appliquer des règles sur les éléments {{HTMLElement("input")}} ou {{HTMLElement("select")}}. Seules certaines propriétés peuvent être paramétrées via ce pseudo-élément, les règles agissant sur d'autres propriétés n'auront donc aucun effet.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-value</code> (les autres propriétés sont ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: css">input::-ms-value { - color: lime; - font-style: italic; -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-value")}}</p> diff --git a/files/fr/web/css/azimuth/index.html b/files/fr/web/css/azimuth/index.html deleted file mode 100644 index c8143dcaac..0000000000 --- a/files/fr/web/css/azimuth/index.html +++ /dev/null @@ -1,104 +0,0 @@ ---- -title: azimuth -slug: Web/CSS/azimuth -tags: - - CSS - - Obsolete - - Propriété - - Reference -translation_of: Archive/Web/CSS/azimuth ---- -<div>{{CSSRef}}{{obsolete_header}}{{outdated}}</div> - -<p>Utilisée avec la propriété {{cssxref("elevation")}}, <strong><code>azimuth</code></strong> permet de positionner différentes sources audio dans l'espace pour une présentation auditive. Cela permet de séparer les voix de façons naturelles, qui pourront donc provenir de différents emplacements. Une sortie <em>stereo</em> permettra d'obtenir un son avec des sources situées sur deux dimensions, des écouteurs binauriculaires permettent d'obtenir un son tri-dimensionnel.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt>angle</dt> - <dd>Un angle indiquant la position de la source dans l'intervalle <code>-360deg</code> - <code>360deg</code>. La valeur <code>0deg</code> (la valeur par défaut) est dirigée vers le centre, <code>90deg</code> vers la droite, <code>180deg</code> vers l'arrière et <code>270deg</code> ou <code>-90deg</code> vers la gauche.</dd> -</dl> - -<p><img alt="Image:Azimuth.png" src="/@api/deki/files/37/=Azimuth.png"></p> - -<h4 id="Mots-clés_pour_cette_propriété">Mots-clés pour cette propriété</h4> - -<ul> - <li><strong><code>left-side</code></strong> : Synonyme de <code>270deg</code>.</li> - <li><strong><code>left-side behind</code></strong> : Synonyme de <code>270deg</code>.</li> - <li><strong><code>far-left</code></strong> : Synonyme de <code>300deg</code>.</li> - <li><strong><code>far-left behind</code></strong> : Synonyme de <code>240deg</code>.</li> - <li><strong><code>left</code></strong> : Synonyme de <code>320deg</code>.</li> - <li><strong><code>left behind </code></strong>: Synonyme de <code>220deg</code>.</li> - <li><strong><code>center-left</code></strong> : Synonyme de <code>340deg</code>.</li> - <li><strong><code>center-left behind</code></strong> : Synonyme de <code>200deg</code>.</li> - <li><strong><code>center</code></strong> : Synonyme de <code>0deg</code>.</li> - <li><strong><code>center behind </code></strong>: Synonyme de <code>180deg</code>.</li> - <li><strong><code>center-right</code></strong> : Synonyme de <code>20deg</code>.</li> - <li><strong><code>center-right behind</code></strong> : Synonyme de <code>160deg</code>.</li> - <li><strong><code>right</code></strong> : Synonyme de <code>40deg</code>.</li> - <li><strong><code>right behind</code></strong> : Synonyme de <code>140deg</code>.</li> - <li><strong><code>far-right</code></strong> : Synonyme de <code>60deg</code>.</li> - <li><strong><code>far-right behind</code></strong> : Synonyme de <code>120deg</code>.</li> - <li><strong><code>right-side</code></strong> : Synonyme de <code>90deg</code>.</li> - <li><strong><code>right-side behind</code></strong> : Synonyme de <code>90deg</code>.</li> - <li><strong><code>behind</code></strong> : Synonyme de <code>180deg</code>. Also used as a modifier for other positional keyword values, as above.</li> - <li><strong><code>leftwards </code></strong>: Moves the sound counter-clockwise by 20 degrees, relative to the current angle.</li> - <li><strong><code>rightwards </code></strong>: Moves the sound clockwise by 20 degrees, relative to the current angle.</li> -</ul> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush:css;">h1 { - azimuth: 30deg; -} - -td.a { - azimuth: far-right; -} - -#12 { - azimuth: behind far-right; /* 120deg */ -} - -p.comment { - azimuth: behind; /* 180deg */ -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('CSS2.1', 'aural.html#spatial-props', 'azimuth')}}</td> - <td>{{Spec2('CSS2.1')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.azimuth")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("elevation")}}</li> -</ul> diff --git a/files/fr/web/css/overflow-clip-box-block/index.html b/files/fr/web/css/overflow-clip-box-block/index.html deleted file mode 100644 index 54c60574d8..0000000000 --- a/files/fr/web/css/overflow-clip-box-block/index.html +++ /dev/null @@ -1,157 +0,0 @@ ---- -title: overflow-clip-box-block -slug: Web/CSS/overflow-clip-box-block -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Mozilla/Gecko/Chrome/CSS/overflow-clip-box-block ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <strong><code>overflow-clip-box-block</code></strong> définit par rapport à quelle boîte est appliqué le rognement lorsque le contenu dépasse dans la direction de bloc (la direction orthogonale au sens d'écriture).</p> - -<pre class="brush:css no-line-numbers">/* Valeurs avec un mot-clé */ -overflow-clip-box-block: padding-box; -overflow-clip-box-block: content-box; - -/* Valeurs globales */ -overflow-clip-box-block: inherited; -overflow-clip-box-block: initial; -overflow-clip-box-block: unset; -</pre> - -<div class="note"> -<p><strong>Note :</strong> Sur Gecko, <code>padding-box</code> est, par défaut utilisé partout sauf pour <code><input type="text"></code> et les éléments semblables qui utilisent <code>content-box</code>. Par défaut, cette propriété est uniquement activée pour les feuilles de style de l'agent utilisateur et le contexte du chrome.</p> -</div> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>padding-box</code></dt> - <dd>Avec ce mot-clé, le rognage est relatif à <a href="/fr/Apprendre/CSS/Introduction_%C3%A0_CSS/Le_mod%C3%A8le_de_bo%C3%AEte#Les_propri%C3%A9t%C3%A9s_des_bo%C3%AEtes">la boîte de remplissage (<em>padding</em>)</a>.</dd> - <dt><code>content-box</code></dt> - <dd>Avec ce mot-clé, le rognage est relatif à <a href="/fr/Apprendre/CSS/Introduction_%C3%A0_CSS/Le_mod%C3%A8le_de_bo%C3%AEte#Les_propri%C3%A9t%C3%A9s_des_bo%C3%AEtes">la boîte de contenu</a>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="padding-box">padding-box</h3> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html"><div class="things"> - <input value="ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ" class="scroll padding-box"> - <div class="scroll padding-box"><span>ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ</span></div> -</div> -</pre> - -<h4 id="CSS">CSS</h4> - -<pre class="brush: css">.scroll { - overflow: auto; - padding: 0 30px; - width: 6em; - border: 1px solid black; - background: lime content-box; -} - -.padding-box { - overflow-clip-box-block: padding-box; -}</pre> - -<h4 id="JavaScript">JavaScript</h4> - -<pre class="brush: js">function scrollSomeElements() { - var elms = document.querySelectorAll('.scroll'); - for (i=0; i < elms.length; ++i) { - elms[i].scrollLeft=80; - } -} -var elt = document.queryElementsByTagName('body')[0]; - -elt.addEventListener("load", scrollSomeElements, false); -</pre> - -<h4 id="Résultat">Résultat</h4> - -<p>{{EmbedLiveSample('padding-box')}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété a été proposée au groupe de travail CSSWG du W3C. Elle n'est pas encore en voie de standardisation mais devrait apparaître dans {{SpecName("CSS3 Overflow")}} si c'est le cas.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoDesktop(59)}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoMobile(59)}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Cette propriété est contrôlée par la préférence <code>layout.css.overflow-clip-box.enabled</code> dont la valeur par défaut est <code>false</code>. Elle est uniquement activée pour les feuilles de style de l'agent utilisateur ou le contexte du chrome. Voir {{bug(966992)}}.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("text-overflow")}},</li> - <li>{{cssxref("white-space")}},</li> - <li>{{cssxref("overflow")}},</li> - <li>{{cssxref("overflow-x")}},</li> - <li>{{cssxref("overflow-y")}},</li> - <li>{{cssxref("clip")}},</li> - <li>{{cssxref("display")}}</li> -</ul> - -<p> </p> diff --git a/files/fr/web/css/overflow-clip-box-inline/index.html b/files/fr/web/css/overflow-clip-box-inline/index.html deleted file mode 100644 index e7df371778..0000000000 --- a/files/fr/web/css/overflow-clip-box-inline/index.html +++ /dev/null @@ -1,157 +0,0 @@ ---- -title: overflow-clip-box-inline -slug: Web/CSS/overflow-clip-box-inline -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Mozilla/Gecko/Chrome/CSS/overflow-clip-box-inline ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <strong><code>overflow-clip-box-inline</code></strong> définit par rapport à quelle boîte est appliqué le rognement lorsque le contenu dépasse dans la direction en ligne (la direction correspondant au sens d'écriture).</p> - -<pre class="brush:css no-line-numbers">/* Valeurs avec un mot-clé */ -overflow-clip-box-inline: padding-box; -overflow-clip-box-inline: content-box; - -/* Valeurs globales */ -overflow-clip-box-inline: inherited; -overflow-clip-box-inline: initial; -overflow-clip-box-inline: unset; -</pre> - -<div class="note"> -<p><strong>Note :</strong> Sur Gecko, <code>padding-box</code> est, par défaut utilisé partout sauf pour <code><input type="text"></code> et les éléments semblables qui utilisent <code>content-box</code>. Par défaut, cette propriété est uniquement activée pour les feuilles de style de l'agent utilisateur et le contexte du chrome.</p> -</div> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>padding-box</code></dt> - <dd>Avec ce mot-clé, le rognage est relatif à <a href="/fr/Apprendre/CSS/Introduction_%C3%A0_CSS/Le_mod%C3%A8le_de_bo%C3%AEte#Les_propri%C3%A9t%C3%A9s_des_bo%C3%AEtes">la boîte de remplissage (<em>padding</em>)</a>.</dd> - <dt><code>content-box</code></dt> - <dd>Avec ce mot-clé, le rognage est relatif à <a href="/fr/Apprendre/CSS/Introduction_%C3%A0_CSS/Le_mod%C3%A8le_de_bo%C3%AEte#Les_propri%C3%A9t%C3%A9s_des_bo%C3%AEtes">la boîte de contenu</a>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="padding-box">padding-box</h3> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html"><div class="things"> - <input value="ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ" class="scroll padding-box"> - <div class="scroll padding-box"><span>ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ</span></div> -</div> -</pre> - -<h4 id="CSS">CSS</h4> - -<pre class="brush: css">.scroll { - overflow: auto; - padding: 0 30px; - width: 6em; - border: 1px solid black; - background: lime content-box; -} - -.padding-box { - overflow-clip-box-inline: padding-box; -}</pre> - -<h4 id="JavaScript">JavaScript</h4> - -<pre class="brush: js">function scrollSomeElements() { - var elms = document.querySelectorAll('.scroll'); - for (i=0; i < elms.length; ++i) { - elms[i].scrollLeft=80; - } -} -var elt = document.queryElementsByTagName('body')[0]; - -elt.addEventListener("load", scrollSomeElements, false); -</pre> - -<h4 id="Résultat">Résultat</h4> - -<p>{{EmbedLiveSample('padding-box')}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété a été proposée au groupe de travail CSSWG du W3C. Elle n'est pas encore en voie de standardisation mais devrait apparaître dans {{SpecName("CSS3 Overflow")}} si c'est le cas.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoDesktop(59)}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoMobile(59)}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Cette propriété est contrôlée par la préférence <code>layout.css.overflow-clip-box.enabled</code> dont la valeur par défaut est <code>false</code>. Elle est uniquement activée pour les feuilles de style de l'agent utilisateur ou le contexte du chrome. Voir {{bug(966992)}}.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("text-overflow")}},</li> - <li>{{cssxref("white-space")}},</li> - <li>{{cssxref("overflow")}},</li> - <li>{{cssxref("overflow-x")}},</li> - <li>{{cssxref("overflow-y")}},</li> - <li>{{cssxref("clip")}},</li> - <li>{{cssxref("display")}}</li> -</ul> - -<p> </p> diff --git a/files/fr/web/css/overflow-clip-box/index.html b/files/fr/web/css/overflow-clip-box/index.html deleted file mode 100644 index 997137220e..0000000000 --- a/files/fr/web/css/overflow-clip-box/index.html +++ /dev/null @@ -1,175 +0,0 @@ ---- -title: overflow-clip-box -slug: Web/CSS/overflow-clip-box -tags: - - CSS - - Non-standard - - Propriété - - Propriété raccourcie - - Reference -translation_of: Mozilla/Gecko/Chrome/CSS/overflow-clip-box ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>overflow-clip-box</code></strong> permet de définir la boîte à laquelle faire référence lorsqu'il y a un dépassement du contenu. C'est une propriété raccourcie pour les propriétés {{cssxref("overflow-clip-box-inline")}} et {{cssxref("overflow-clip-box-block")}}.</p> - -<pre class="brush:css no-line-numbers">/* Valeurs avec un mot-clé */ -overflow-clip-box: padding-box; -overflow-clip-box: content-box; - -/* Deux valeurs */ -overflow-clip-box: padding-box content-box; -overflow-clip-box: content-box content-box; - -/* Valeurs globales */ -overflow-clip-box: inherited; -overflow-clip-box: initial; -overflow-clip-box: unset; -</pre> - -<div class="note"> -<p><strong>Note :</strong> Par défaut, sur Gecko, <code>padding-box</code> est utilisé partout mais <code><input type="text"></code> et les éléments similaires utilisent la valeur <code>content-box</code>. Avant Firefox 29, ce comportement était intégré en dur. Depuis, le comportement se base sur cette propriété qui peut être utilisée à d'autres endroits. On notera que cette propriété est uniquement activée pour les feuilles de styles définies au niveau de l'agent utilisateur et pour les contextes liés au chrome de l'application.</p> -</div> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>padding-box</code></dt> - <dd>Ce mot-clé indique que le rognage du contenu qui dépasse sera fait par rapport à <a href="/fr/Apprendre/CSS/Les_bases/Le_modèle_de_boîte">la boîte de remplissage (<em>padding</em>)</a>.</dd> - <dt><code>content-box</code></dt> - <dd>Ce mot-clé indique que le rognage du contenu qui dépasse sera fait par rapport à <a href="/fr/Apprendre/CSS/Les_bases/Le_modèle_de_boîte">la boîte de contenu</a>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><div class="things"> - <input value="ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ" class="scroll padding-box"> - <div class="scroll padding-box"><span>ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ</span></div> -</div> -</pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">.scroll { - overflow: auto; - padding: 0 30px; - width: 6em; - border: 1px solid black; - background: lime content-box; -} - -.padding-box { - overflow-clip-box: padding-box; -} -</pre> - -<h3 id="JavaScript">JavaScript</h3> - -<pre class="brush: js">function scrollSomeElements() { - var elms = document.querySelectorAll('.scroll'); - for (i=0; i < elms.length; ++i) { - elms[i].scrollLeft=80; - } -} -var elt = document.queryElementsByTagName('body')[0]; - -elt.addEventListener("load", scrollSomeElements, false); -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample('Exemples')}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété a été proposée dans le cadre du groupe de travail CSS du W3C. Elle n'est pas encore sur le chemin du processus standard mais si elle est acceptée, elle fera vraisemblablement partie de la spécification {{SpecName("CSS3 Overflow")}}.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoDesktop("29.0")}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Propriété raccourcie, gestion de deux valeurs</td> - <td>{{CompatGeckoDesktop("59")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoMobile("29.0")}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Propriété raccourcie, gestion de deux valeurs</td> - <td>{{CompatGeckoMobile("59")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Cette propriété est contrôlée grâce à la préférence <code>layout.css.overflow-clip-box.enabled</code> dont la valeur par défaut est <code>false</code>. Elle est uniquement activée au sein des feuilles de style de l'agent utilisateur pour le chrome. Pour plus d'informations, voir {{bug(966992)}}.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("text-overflow")}},</li> - <li>{{cssxref("white-space")}},</li> - <li>{{cssxref("overflow")}},</li> - <li>{{cssxref("overflow-x")}},</li> - <li>{{cssxref("overflow-y")}},</li> - <li>{{cssxref("clip")}},</li> - <li>{{cssxref("display")}}</li> -</ul> |