Exemplo
O uso do <style> elemento em um documento HTML:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Tente você mesmo " Definição e Uso
O <style> tag é usada para definir as informações de estilo para um documento HTML.
Dentro do <style> elemento que você especificar como elementos HTML deve processar em um navegador.
Cada documento HTML pode conter vários <style> tags.
Suporte a navegadores
Elemento | |||||
---|---|---|---|---|---|
<style> | sim | sim | sim | sim | sim |
Dicas e Notas
Dica: Para conectar-se a uma folha de estilo externa, use o <link> tag.
Dica: Para saber mais sobre folhas de estilo, leia o nosso Tutorial CSS .
Nota: Se o "scoped" atributo não é usado, cada <style> tag deve ser localizado na seção de cabeça.
Diferenças entre HTML 4.01 e HTML5
O "scoped" atributo é novo em HTML5, que permite definir estilos para uma seção específica do documento. Se o "scoped" atributo está presente, os estilos se aplicam apenas a elemento pai do elemento de estilo e elementos filho que do elemento.
Atributos
= Novo em HTML5.
Atributo | Valor | Descrição |
---|---|---|
media | media_query | Especifica o que a mídia / dispositivo de recurso de mídia é otimizado para |
scoped | scoped | Especifica que os estilos se aplicam apenas a elemento pai deste elemento e elementos filho desse elemento |
type | text/css | Especifica o tipo de mídia do <style> tag |
Atributos globais
O <style> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <style> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Tutorial HTML: HTML CSS
Tutorial CSS: CSS Tutorial
Referência HTML DOM: Style Objeto
Configurações CSS padrão
A maioria dos navegadores irá exibir o <style> elemento com os seguintes valores padrão:
style {
display: none;
}