Latest web development tutorials

HTML balise <style>

Exemples

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

<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

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

</html>

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


définitions de balises et les instructions

<Style> définit les informations de style dans le document HTML.

Dans le élément <style>, vous pouvez spécifier le navigateur comment rendre le document HTML.

Chaque document HTML peut contenir plusieurs balise <style>.


Trucs et astuces

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

Astuce: Pour en savoir plus sur les feuilles de style, s'il vous plaît lire notre tutoriel CSS .

NOTE: Si vous n'utilisez le "scope" la propriété, chaque balise <style> doit être à la tête de la région de la tête.


Différences entre HTML 4.01 et HTML5

"Scoped" attribut HTML 5 est une nouvelle propriété, ce qui nous permet de définir un style pour la partie spécifiée du document, plutôt que l'ensemble du document.
Si vous utilisez un attribut "scope", puis le style peut être appliqué seulement à l'élément élément de style parent spécifié et ses éléments enfants.


propriété

Nouveau: HTML5 nouvelle propriété.

属性 描述
media media_query 为样式表规定不同的媒体类型。
scoped New scoped 如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
type text/css 规定样式表的 MIME 类型。


global Properties

Balise <style> prend en charge HTML propriétés globales .


Propriétés de l'événement

Balise <style> prend en charge les propriétés d'événements HTML .


articles connexes

Tutoriel HTML: HTML CSS

HTML DOM Référence: style Objets