Tag HTML <style>

Le tag <style> est utilisé pour insérer un code CSS dans un document HTML, qui définit comment les éléments individuels seront affichés sur la page Web.

Pour connecter un fichier CSS externe, utilisez le tag <link>.

Les informations contenues dans le tag <style> sont destinées pour les navigateurs. Par conséquent, le tag <style> est placé dans l'élément <head>. Si la page utilise des scripts, ils sont ajoutés après le code CSS.

Vous pouvez utiliser plusieurs éléments <style> sur la même page.

Dans les versions précédentes de HTML (avant la cinquième version) et XHTML avec le tag <style>, vous devez utiliser l'attribut type -<style type = "text / css">.

Syntaxe

Le tag <style> est apparié. Son contenu est écrit entre le tag ouvrant (<style>) et le tag fermant (</style>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      h1 {
        color: #1c87c9;
      }
      p {
        color: #8ebf42;
      }
    </style>
  </head>
  <body>
    <h1>Titre du texte.</h1>
    <p>Le premier paragraphe.</p>
  </body>
</html>

Résultat

Attributs

Attribut Valeur Description
media media_query Indique le type de périphérique sous lequel le style est optimisé. Par défaut, la feuille de style prend en charge tous les périphériques.
scoped scoped Un attribut logique, qui indique, que le style est appliqué uniquement à l'élément parent et à ses éléments enfants. En même temps, le tag <style> n’est pas placé dans l’élément <head>, mais dans l'élément auquel les styles s'appliquent.
type text/css Spécifie la syntaxe à utiliser pour interpréter correctement les styles.
N’est pas utilisé en HTML5.

Support de Navigateurs



Trouvez-vous cela utile?

Articles Associées