<style>

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Resumo

O elemento HTML <style> contém informações de estilo para um documento ou uma parte do documento. As informações de estilo específico estão contidas dentro deste elemento, geralmente no CSS.

  • Content categoriesMetadata content, e se o atributo scoped é apresentado: flow content.
  • Conteúdo Permitido Style information matching the language of the type attribute.
  • Omissão de Tag Nenhuma, tanto a tag inicial quanto a final são obrigatórias.
  • Permitted parent elements Qualquer elemento que aceite Metadata content.
  • Interface DOM HTMLStyleElement

Atributos

Este elemento inclui os atributos globais.

type

Este atributo define a linguagem de estilo como um tipo MIME (charset não deve ser especificado). ' text/css' presume se este atributo estiver ausente.

media

Qual mídia deve aplicar-se a este estilo. Deve ser uma consulta de mídia, consulte http://dev.w3.org/csswg/css3-mediaqueries.

scoped

Se este atributo está presente, então o estilo aplica-se apenas ao seu elemento pai. Se está ausente, o estilo aplica-se ao documento inteiro.

title

Especifica os conjuntos de folhas de estilo alternativa.

disabled

Se definido, desativa (não se aplica) às regras de estilo para a Document que são especificadas no elemento.

Exemplos

Uma folha de estilo simples

html
<style type="text/css">
  body {
    color: red;
  }
</style>

Uma folha de estilos com escopo

html
<article>
  <div>
    The scoped attribute allows for you to include style elements mid-document.
    Inside rules only apply to the parent element.
  </div>
  <p>
    This text should be black. If it is red your browser does not support the
    scoped attribute.
  </p>
  <section>
    <style scoped>
      p {
        color: red;
      }
    </style>
    <p>This should be red.</p>
  </section>
</article>

Amostra

Especificações

Specification
HTML
# the-style-element

Compatibilidade com navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
style
blocking
media
type
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Deprecated. Not for use in new websites.
See implementation notes.

Veja também

  • O elemento <link> que permite usar folhas de estilo externas.