diff options
Diffstat (limited to 'files/fr/web/css/attr()/index.html')
| -rw-r--r-- | files/fr/web/css/attr()/index.html | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/files/fr/web/css/attr()/index.html b/files/fr/web/css/attr()/index.html index cb6a859554..1a026e67da 100644 --- a/files/fr/web/css/attr()/index.html +++ b/files/fr/web/css/attr()/index.html @@ -11,7 +11,7 @@ translation_of: Web/CSS/attr() <p>La fonction <strong><code>attr()</code></strong> est utilisée afin de récupérer la valeur d'un attribut d'un élément pour l'utiliser dans la feuille de style. Cette fonction peut également être utilisée sur <a href="/fr/docs/Web/CSS/Pseudo-elements">les pseudo-éléments</a> auquel cas c'est la valeur correspondant à l'élément source qui est renvoyée.</p> -<pre class="brush:css no-line-numbers notranslate">/* Utilisation simple */ +<pre class="brush:css no-line-numbers">/* Utilisation simple */ attr(data-count); attr(title); @@ -168,11 +168,11 @@ attr(data-something, "default"); <h4 id="HTML">HTML</h4> -<pre class="brush: html; notranslate"><p data-toto="coucou">world</p></pre> +<pre class="brush: html;"><p data-toto="coucou">world</p></pre> <h4 id="CSS">CSS</h4> -<pre class="brush: css; highlight[2] notranslate">[data-toto]::before { +<pre class="brush: css">[data-toto]::before { content: attr(data-toto) " "; }</pre> @@ -186,19 +186,17 @@ attr(data-something, "default"); <h4 id="HTML_2">HTML</h4> -<pre class="brush: html; notranslate"><div class="background" data-background="lime"></div></pre> +<pre class="brush: html;"><div class="background" data-background="lime"></div></pre> <h4 id="CSS_2">CSS</h4> -<div class="hidden"> -<pre class="brush: css; notranslate">html, +<pre class="brush: css;">html, body, .background { height: 100vh; }</pre> -</div> -<pre class="brush: css; highlight[6] notranslate">.background { +<pre class="brush: css">.background { background-color: red; } @@ -246,7 +244,7 @@ body, <h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><a href="/fr/docs/Web/CSS/Sélecteurs_d_attribut">Sélecteur d'attribut</a></li> - <li><a href="/fr/docs/Web/HTML/Attributs_universels/data-*">Attributs HTML <code>data-*</code></a></li> + <li><a href="/fr/docs/Web/CSS/Attribute_selectors">Sélecteur d'attribut</a></li> + <li><a href="/fr/docs/Web/HTML/Global_attributes/data-*">Attributs HTML <code>data-*</code></a></li> <li><a href="/fr/docs/Web/SVG/Attribute/data-*">Attributs SVG <code>data-*</code></a></li> </ul> |