<style>


HTML <style> Balise

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne


Prise en charge du navigateur

1000.png

Tous les principaux navigateurs prennent en charge le style> étiqueter.


Définition 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 spécifier comment le document HTML doit être rendu dans le navigateur.

Chaque document HTML peut contenir plusieurs balises <style>


Conseils et notes

Conseil : Pour créer un lien vers une feuille de style externe, utilisez la balise <link>

Astuce : Pour en savoir plus sur les feuilles de style, lisez notre tutoriel CSS.

Remarque : Si l'attribut "scoped" n'est pas utilisé, chaque balise <style>


Différences entre HTML 4.01 et HTML5

L'attribut "scoped" est un nouvel attribut dans HTML 5, qui nous permet de définir des styles pour des parties spécifiées du document au lieu de l'ensemble document .
Si vous utilisez l'attribut "scoped", le style spécifié ne peut être appliqué qu'à l'élément parent de l'élément de style et à ses éléments enfants.


Attribut

Nouveau : Nouvel attribut en HTML5.

PropriétéValeurDescription
médiamedia_querySpécifie différents types de médias pour les feuilles de style.
scopedNouveau
属性描述
mediamedia_query为样式表规定不同的媒体类型。
scopedNewscoped如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
typetext/css规定样式表的 MIME 类型。
scopedSi cet attribut est utilisé, le style is S'applique uniquement à l'élément parent de l'élément de style et à ses enfants.
typetext/cssSpécifie le type MIME de la feuille de style.


Attributs globaux

La balise <style> prend en charge les attributs globaux HTML.


Attributs d'événement

La balise <style> prend en charge les attributs d'événement HTML.


Articles connexes

Tutoriel HTML : HTML CSS

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