Balise STYLE

Rôle

La balise <style> est utilisé pour définir les informations de style CSS pour un document HTML. Elle doit être placée dans la balise head si la feuille de style doit s’appliquer à tout le document

Pour créer un lien vers une feuille de style externe, utilisez la balise link.

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

La balise <style> est pris en charge par tous les principaux navigateurs

Attributs spécifiques

Attributs spécifiques à cet élément

media
Spécifie le type de média pour lequel le lien est optimisé. Vous pouvez combiner les informations avec les opérateurs or (ou) and (et) et not(non)
Syntaxe :

<style media= "print" >
 h1 {color:red;}
 p {color:blue;}
</style>

Appareils :

  • all : par défaut, tous les appareils
  • aural : synthétiseur vocal
  • braille : dispositif en braille
  • handheld : appareil de poche
  • projection : projecteur
  • print : mode aperçu pour impression
  • screen : écran d’ordinateur
  • tty : téléscripteur et média similaire
  • tv : dispositif de type télévision
scoped
Spécifie que les styles ne s’appliquent qu’à l’élément parent qui contient la balise style ainsi qu’aux éléments HTML enfants – et non pas à tout le document (pris en charge uniquement par Firefox)
Syntaxe :

<div>
 <style scoped >
  h1 {color:red;}
  p {color:blue;}
 </style>
 <h1>Un titre</h1>
 <p>Un paragraphe</p>
</div>
type
Précise le type MINE du contenu entre les balises <style>
Syntaxe :

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

Voir les autres balises d’intéraction

base– noscript– script– style– meta– link– title

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.