aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/html/element/blink/index.html
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
commit33058f2b292b3a581333bdfb21b8f671898c5060 (patch)
tree51c3e392513ec574331b2d3f85c394445ea803c6 /files/fr/web/html/element/blink/index.html
parent8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff)
downloadtranslated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip
initial commit
Diffstat (limited to 'files/fr/web/html/element/blink/index.html')
-rw-r--r--files/fr/web/html/element/blink/index.html82
1 files changed, 82 insertions, 0 deletions
diff --git a/files/fr/web/html/element/blink/index.html b/files/fr/web/html/element/blink/index.html
new file mode 100644
index 0000000000..1baca82026
--- /dev/null
+++ b/files/fr/web/html/element/blink/index.html
@@ -0,0 +1,82 @@
+---
+title: '<blink> : l''élément de texte clignotant (obsolète)'
+slug: Web/HTML/Element/blink
+tags:
+ - Déprécié
+ - Element
+ - HTML
+ - Obsolete
+ - Reference
+ - Web
+translation_of: Web/HTML/Element/blink
+---
+<div>{{HTMLRef}}{{Deprecated_header}}{{obsolete_header}}{{Non-standard_header}}</div>
+
+<p>L'élément HTML <strong><code>&lt;blink&gt;</code></strong> (N.D.T <em>blink</em> signifie « clignoter ») est un élément non-standard faisant clignoter le texte qu'il contient.</p>
+
+<div class="warning"><strong>Attention :</strong> ne pas utiliser cet élément qui n'est pas standard et qui est obsolète. Le clignotement de texte est contraire à la plupart des standards d'accessibilité, la spécification CSS permet donc aux navigateurs d'ignorer la valeur <code>blink</code><strong>.</strong></div>
+
+<h2 id="Interface_DOM">Interface DOM</h2>
+
+<p>Cet élément n'est pas pris en charge et implémente donc l'interface {{domxref('HTMLUnknownElement')}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush:html">&lt;blink&gt;ლ(ಠ_ಠლ)&lt;/blink&gt;
+</pre>
+
+<h3 id="Résultat">Résultat</h3>
+
+<p>{{EmbedLiveSample("Exemples","300","200")}}</p>
+
+<h2 id="Spécifications">Spécifications</h2>
+
+<p>Cet élément est non-standard et n'appartient à aucune spécification. Pour vérifier, <a href="https://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features">voir la spécification HTML</a>.</p>
+
+<h2 id="Prothèse_CSS_(polyfill)">Prothèse CSS (<em>polyfill</em>)</h2>
+
+<p>Si vous avez réellement besoin de cette fonctionnalité (!!!) vous pouvez utiliser le code CSS suivant qui fonctionne à partir d'IE10.</p>
+
+<pre class="brush: css">blink {
+ -webkit-animation: 2s linear infinite condemed_blink_effect; // pour Safari 4.0-8.0
+ animation: 2s linear infinite condemed_blink_effect;
+}
+@-webkit-keyframes condemed_blink_effect { // pour Safari 4.0-8.0
+ 0% {
+ visibility: hidden;
+ }
+ 50% {
+ visibility: hidden;
+ }
+ 100% {
+ visibility: visible;
+ }
+}
+@keyframes condemed_blink_effect {
+ 0% {
+ visibility: hidden;
+ }
+ 50% {
+ visibility: hidden;
+ }
+ 100% {
+ visibility: visible;
+ }
+}</pre>
+
+<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+
+<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div>
+
+<p>{{Compat("html.elements.blink")}}</p>
+
+<h2 id="Voir_aussi">Voir aussi</h2>
+
+<ul>
+ <li><a href="http://www.montulli.org/theoriginofthe%3Cblink%3Etag">Histoire autour de la création de l'élément <code>&lt;blink&gt;</code></a></li>
+ <li>{{cssxref("text-decoration")}} qui possède une valeur pour le clignotement, bien que les navigateurs ne soient pas obligés de restituer cet effet</li>
+ <li>{{htmlelement("marquee")}}, un autre élément non-standard similaire</li>
+ <li><a href="/fr/docs/Web/CSS/Animations_CSS">Les animations CSS</a> sont la meilleure façon d'obtenir un tel effet</li>
+</ul>