<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 None, both the starting and ending tag are mandatory.
- 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
<style type="text/css">
body {
color: red;
}
</style>
Uma folha de estilos com escopo
<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.