tutoriais mais recente desenvolvimento web
 

HTML <style> Tag


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;
}