diff options
Diffstat (limited to 'files/fr/web/css/text-shadow/index.html')
| -rw-r--r-- | files/fr/web/css/text-shadow/index.html | 17 |
1 files changed, 6 insertions, 11 deletions
diff --git a/files/fr/web/css/text-shadow/index.html b/files/fr/web/css/text-shadow/index.html index 3fdc6055b4..359a0acb0e 100644 --- a/files/fr/web/css/text-shadow/index.html +++ b/files/fr/web/css/text-shadow/index.html @@ -13,8 +13,6 @@ translation_of: Web/CSS/text-shadow <div>{{EmbedInteractiveExample("pages/css/text-shadow.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="brush:css no-line-numbers">/* offset-x | offset-y | blur-radius | color */ @@ -64,9 +62,9 @@ text-shadow: unset; <h2 id="Exemples">Exemples</h2> -<h3 id="Ombre_simple">Ombre simple</h3> +<h3 id="ombre_simple">Ombre simple</h3> + -<div id="Example1"> <pre class="brush: css">.red-text-shadow { text-shadow: red 0 -2px; }</pre> @@ -74,13 +72,11 @@ text-shadow: unset; <pre class="brush: html"><p class="red-text-shadow">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p></pre> -</div> -<p>{{EmbedLiveSample('Simple_shadow', '660px', '90px')}}</p> +<p>{{EmbedLiveSample('ombre_simple', '660px', '90px')}}</p> -<h3 id="Ombres_multiples">Ombres multiples</h3> +<h3 id="ombres_multiples">Ombres multiples</h3> -<div id="Example2"> <pre class="brush:css">.white-text-with-blue-shadow { text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue; color: white; @@ -90,9 +86,8 @@ text-shadow: unset; <pre class="brush: html"><p class="white-text-with-blue-shadow">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsaquae ab illo inventore.</p></pre> -</div> -<p>{{EmbedLiveSample('Multiple_shadows', '660px', '170px')}}</p> +<p>{{EmbedLiveSample('ombres_multiples', '660px', '170px')}}</p> <h2 id="Spécifications">Spécifications</h2> @@ -113,7 +108,7 @@ text-shadow: unset; <tr> <td>{{SpecName('CSS3 Text Decoration', '#text-shadow', 'text-shadow')}}</td> <td>{{Spec2('CSS3 Text Decoration')}}</td> - <td>La propriété CSS <code>text-shadow</code> était <a class="external" href="https://www.w3.org/TR/2008/REC-CSS2-20080411/text.html#text-shadow-props">incorrectement définie dans CSS2</a> et fut abandonnée dans CSS2 (Level 1). La spéc CSS Text Module Level 3 a raffiné la syntaxe. Ensuite, elle a été déplacée dans <a href="https://www.w3.org/TR/css-text-decor-3/">CSS Text Decoration Module Level 3</a>.</td> + <td>La propriété CSS <code>text-shadow</code> était <a href="https://www.w3.org/TR/2008/REC-CSS2-20080411/text.html#text-shadow-props">incorrectement définie dans CSS2</a> et fut abandonnée dans CSS2 (Level 1). La spéc CSS Text Module Level 3 a raffiné la syntaxe. Ensuite, elle a été déplacée dans <a href="https://www.w3.org/TR/css-text-decor-3/">CSS Text Decoration Module Level 3</a>.</td> </tr> </tbody> </table> |