Balise HTML <style>
La balise <style> est utilisée pour styliser un document HTML avec CSS. Elle définit la manière dont les éléments doivent être affichés dans les navigateurs.
TIP
Pour lier une feuille de style externe, utilisez la balise <link>.
Le contenu de la balise <style> est destiné aux navigateurs, c'est pourquoi il est placé à l'intérieur de l'élément <head>. Les scripts de la page sont généralement placés après le code CSS.
Il est possible d'utiliser plusieurs éléments <style> sur une même page.
DANGER
Dans les anciennes versions de HTML et dans XHTML, l'attribut type="text/css" était obligatoire avec la balise <style>.
Syntaxe
La balise <style> s'utilise par paires. Le contenu est écrit entre la balise d'ouverture (<style>) et la balise de fermeture (</style>).
Exemple de la balise HTML <style> :
Balise HTML <style>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
h1 {
color: #1c87c9;
}
p {
color: #8ebf42;
}
</style>
</head>
<body>
<h1>Text heading.</h1>
<p>First paragraph.</p>
</body>
</html>Résultat
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| media | media_query | Spécifie le type de média pour lequel les styles s'appliquent. Par défaut, les styles s'appliquent à tous les appareils. |
| scoped | scoped | Indique que le style s'applique uniquement à l'élément contenant la balise <style> et à ses descendants. Lorsqu'il est utilisé, la balise <style> doit être placée à l'intérieur de l'élément qu'elle style, et non dans la balise <head>. Remarque : Cet attribut est déprécié dans HTML5.2 et doit être évité dans le développement moderne. |
| type | text/css | Spécifie le type MIME de la feuille de style. Il est optionnel en HTML5, car text/css est la valeur par défaut. |
Pratique
Quelles sont les caractéristiques de la balise style HTML telles qu'elles apparaissent sur le site w3docs ?