English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Recueil complet des balises HTML

HTML: <style> étiquette

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>.

Exemple en ligne

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 ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

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

Description de la balise et instructions d'utilisation

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 et注意事项

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.

HTML 4.01 et HTML5différences

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.

Propriété

New : HTML5 nouvelles propriétés.

PropriétéValeurDescription
mediamedia_queryDéfinir différents types de médias pour les feuilles de style.
scopedHTML5scopedSi 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.
typetext/cssDéfinir le type MIME de la feuille de style.

Propriétés globales

Prise en charge de l'étiquette <style> Propriétés globales HTML.

Propriétés d'événement

Prise en charge de l'étiquette <style> Propriétés d'événement HTML.

Articles connexes

Tutoriel HTML :HTML CSS

Manuel de référence HTML DOM :Objet de style