Tag HTML <style>

❮ Précédent Suivant ❯

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>

Essayez-vous-même!

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.