English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La balise <style> HTML est utilisée pour intégrer CSS dans le document HTML. Elle peut être placée à l'intérieur de la balise <body> ou de la balise <head>. Par défaut, les informations de style de la balise <style> sont généralement au format CSS. Ce tag est également appelé élément <style>.
Utilisation de l'élément <style> dans le document HTML :
!doctype html> <html> <head> <meta charset="UTF-8"> <title>Utilisation de la balise HTML style (Tutoriel de base du site web oldtoolbag.com)</title> </head> <style> h1 { color: blue; } .p-style{color:red;font-weight:bold;} </style> </head> <body> <h1>HTML5 Example</h1> <p class="p-style">Ceci est un paragraphe avec le style style</p> </body </html>Vérifiez et voyez ‹/›
IEFirefoxOperaChromeSafari
Tous les navigateurs populaires prennent en charge la balise <style>.
La balise <style> définit les informations de style du document HTML.
Dans l'élément <style>, vous pouvez définir la manière dont le document HTML est affiché dans le navigateur.
Chaque document HTML peut inclure plusieurs balises <style>.
Avis :Pour lier une feuille de style externe, utilisez <link> étiquette.
Avis :Pour en savoir plus sur les connaissances des feuilles de style, veuillez lire notre Tutoriel CSS.
Remarque :Si la propriété "scoped" n'est pas utilisée, chaque étiquette <style> doit être placée dans la zone en-tête.
La propriété "scoped" est HTML 5 nouvelles propriétés, qui nous permettent de définir des styles pour une partie spécifique du document, plutôt que pour tout le document.
Si la propriété "scoped" est utilisée, les styles définis ne s'appliquent qu'aux éléments parent et aux éléments enfants de l'élément style.
New : HTML5 nouvelles propriétés.
Propriété | Valeur | Description |
---|---|---|
media | media_query | Définir différents types de médias pour les feuilles de style. |
scopedHTML5 | scoped | Si cette propriété est utilisée, le style ne s'applique qu'aux éléments parent et aux éléments enfants de l'élément style. |
type | text/css | Définir le type MIME de la feuille de style. |
Prise en charge de l'étiquette <style> Propriétés globales HTML.
Prise en charge de l'étiquette <style> Propriétés d'événement HTML.
Tutoriel HTML :HTML CSS
Manuel de référence HTML DOM :Objet de style