Mit dem style-Element stehen CSS-Regeln direkt im Dokument.
- style-Element
Element, das CSS-Regeln unmittelbar im Dokument aufnimmt.
Beispiel: „Das style-Element steht üblicherweise im Kopfbereich.“Abgrenzung zum link-Element: Das style-Element enthält die Regeln selbst, das link-Element verweist auf eine Datei.
Wie es aussieht
<style>
.hinweis { background: #f6f9ff; padding: 1rem; }
</style>Was zu beachten ist
Der Inhalt wird als CSS gelesen, nicht als HTML; spitze Klammern darin sind deshalb unproblematisch. Mehrere style-Elemente sind erlaubt, und ihre Regeln gelten in der Reihenfolge, in der sie im Dokument stehen.