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

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 Standard
# the-style-element

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também

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