Balise HTML <style>Tag

Exemples

Utilisation de l'élément <style> dans un document HTML :

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Exemple (example.com)</title> <style type="text/css"> h1 {color:red;} p {color:blue;} </style> </head> <body> <h1>Ceci est un titre</h1> <p>Ceci est un paragraphe.</p> </body> </html>

Essayez-le vous-même »

Prise en charge des navigateurs

Tous les principaux navigateurs prennent en charge la balise <style>.

Définition et utilisation

La balise <style> définit les informations de style pour un document HTML.

Dans l'élément <style>, vous pouvez spécifier comment un document HTML doit être rendu dans un navigateur.

Chaque document HTML peut contenir plusieurs balises <style>.

Conseils et notes

Astuce :Pour lier une feuille de style externe, utilisez la<link>balise.

Astuce :Pour en savoir plus sur les feuilles de style, veuillez lire notreTutoriel CSS。

Remarque :Si l'attribut "scoped" n'est pas utilisé, chaque balise <style> doit être située dans la section head.

Différences entre HTML 4.01 et HTML5

L'attribut "scoped" est un nouvel attribut en HTML5 qui nous permet de définir des styles pour une partie spécifiée du document, plutôt que pour l'ensemble du document.
Si l'attribut "scoped" est utilisé, les styles spécifiés ne peuvent être appliqués qu'à l'élément parent de l'élément style et à ses éléments enfants.

Attributes

Nouveau: Nouvel attribut dans HTML5.

Attribut	Valeur	Description
media	media_query	Spécifie différents types de médias pour la feuille de style.
scopedNouveau	scoped	Si cet attribut est utilisé, les styles ne sont appliqués qu'à l'élément parent de l'élément style et à ses éléments enfants.
type	text/css	Spécifie le type MIME de la feuille de style.

Attributs globaux

La balise <style> prend en chargeles attributs globaux HTML。

Attributs d'événement

La balise <style> prend en chargeles attributs d’événement HTML。

Articles connexes

Tutoriel HTML :HTML CSS

Référence HTML DOM :Objet Style

Autres extensions

HTMLBalise