From dea9d1f019d9e14357c58cf18653df1ac779d9d8 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:13:08 +0200 Subject: convert content to md --- files/fr/web/html/element/style/index.md | 259 +++++++++++++++---------------- 1 file changed, 128 insertions(+), 131 deletions(-) (limited to 'files/fr/web/html/element/style') diff --git a/files/fr/web/html/element/style/index.md b/files/fr/web/html/element/style/index.md index 711ca24e97..9f510d96d5 100644 --- a/files/fr/web/html/element/style/index.md +++ b/files/fr/web/html/element/style/index.md @@ -8,194 +8,191 @@ tags: - Web translation_of: Web/HTML/Element/style --- -
{{HTMLRef}}
+{{HTMLRef}} -

L'élément HTML <style> contient des informations de mise en forme pour un document ou une partie d'un document. Par défaut, les instructions de mise en forme écrites dans cet élément sont écrites en CSS.

+L'élément HTML **` + + +

Voici un paragraphe.

+ + +``` -

Résultat

+#### Résultat -

{{EmbedLiveSample('Une_feuille_de_style_simple', '100%', '60')}}

+{{EmbedLiveSample('Une_feuille_de_style_simple', '100%', '60')}} -

Utiliser plusieurs éléments <style>

+### Utiliser plusieurs éléments ` + + + +

Voici un paragraphe.

+ + +``` -

Résultat

+#### Résultat -

{{EmbedLiveSample('Utiliser_plusieurs_éléments_<style>', '100%', '60')}}

+{{EmbedLiveSample('Utiliser_plusieurs_éléments_<style>', '100%', '60')}} -

Utiliser une requête média

+### Utiliser une requête média -

Dans cet exemple (basé sur le précédent), on ajoute un attribut media sur le deuxième élément <style> afin que les règles correspondantes ne soient appliquées que si la largeur de la zone d'affichage (viewport) est inférieure à 500 pixels.

+Dans cet exemple (basé sur le précédent), on ajoute un attribut `media` sur le deuxième élément ` + + + +

Voici un paragraphe.

+ + +``` -

Résultat

+#### Résultat -

{{EmbedLiveSample('Utiliser_une_requête_média', '100%', '60')}}

+{{EmbedLiveSample('Utiliser_une_requête_média', '100%', '60')}} -

Résumé technique

+## Résumé technique - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de métadonnées.
Contenu autoriséDu contenu textuel correspondant à l'attribut type (c'est-à-dire text/css).
Omission de balisesLes deux balises doivent être présentes.
Parents autorisésTout élément qui accepte du contenu de métadonnées.
Rôles ARIA autorisésAucun
Interface DOM{{domxref("HTMLStyleElement")}}
+ Catégories de contenu + + Contenu de métadonnées. +
Contenu autorisé + Du contenu textuel correspondant à l'attribut + type (c'est-à-dire text/css). +
Omission de balisesLes deux balises doivent être présentes.
Parents autorisés + Tout élément qui accepte du + contenu de métadonnées. +
Rôles ARIA autorisésAucun
Interface DOM{{domxref("HTMLStyleElement")}}
-

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'semantics.html#the-style-element', 'style')}}{{Spec2('HTML WHATWG')}}Ajout de l'attribut nonce.
{{SpecName('HTML5 W3C', 'document-metadata.html#the-style-element', 'style')}}{{Spec2('HTML5 W3C')}}L'attribut type devient optionnel.
{{SpecName('HTML4.01', 'present/styles.html#h-14.2.3', 'style')}}{{Spec2('HTML4.01')}} 
+## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------------------------ | +| {{SpecName('HTML WHATWG', 'semantics.html#the-style-element', 'style')}} | {{Spec2('HTML WHATWG')}} | Ajout de l'attribut `nonce`. | +| {{SpecName('HTML5 W3C', 'document-metadata.html#the-style-element', 'style')}} | {{Spec2('HTML5 W3C')}} | L'attribut `type` devient optionnel. | +| {{SpecName('HTML4.01', 'present/styles.html#h-14.2.3', 'style')}} | {{Spec2('HTML4.01')}} |   | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("html.elements.style")}}

+{{Compat("html.elements.style")}} -

Voir aussi

+## Voir aussi - +- L'élément {{HTMLElement("link")}} qui permet d'utiliser des feuilles de style externes. -- cgit v1.2.3-54-g00ecf