View video tutorial

HTML <style> Tag


The <style> for document internal style.

Document internal style

The <style> tag is used to apply CSS inside the page.

The <style> tag must be inside <head> tag

If multiple <style> tags are used, they will be merged into one combining all.

Recomendation is to use one <style> tag and apply all CSS inside it.

Element Attributes

Attribute Value Description
media media_query This attribute defines which media style should be applied. Default value is "all".
nonce A cryptographic nonce (number used once) used to allow inline styles in a style-src Content-Security-Policy.
title This attribute specifies alternative style sheet sets.
type text/css Deprecated attribute, should not be used.

Global attributes

Global attributes may be applied on all elements, although some elements may have no effect on them.

<accesskey>, <class>, <contenteditable>, <contextmenu>, <data-*>, <dir>, <draggable>, <dropzone>, <hidden>, <id>, <lang>, <spellcheck>, <style>, <tabindex>, <title>, <translate>.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.


    h1 {
      background-color: #404040;
    h2 {
      background-color: black;
    p {
      font-size: 13pt;
Try it Now »

Click on the "Try it Now" button to see how it works.