<style>

Anonymous contributor

Published Oct 31, 2022

The <style> element applies CSS rules to an HTML document.

Syntax

<head>
  <style>
    /* CSS rules go here */
  </style>
</head>

The <style> element must be included inside the <head> element of the document. All CSS styles follow the same anatomy for rulesets and declarations like external stylesheets.

The following attributes are available to the <style> element:

media : Specifies on what device the linked document will be displayed.
title : Specifies a preferred or alternative stylesheet.

Example

The following example showcases the <style> element applying CSS rules to elements in the document:

<!DOCTYPE html>
<html>
  <head>
    <style>
      h1 {
        color: green;
      }

      p {
        color: yellow;
      }
    </style>
  </head>
  <body>
    <h1>A header</h1>
    <p>A paragraph.</p>
  </body>
</html>