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é
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>
