English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
A etiqueta <style> do HTML é usada para incorporar CSS no documento HTML. Pode ser colocada dentro da etiqueta <body> ou <head>. Por padrão, as informações de estilo da etiqueta <style> são no formato CSS. Este etiqueta também é conhecida como elemento <style>.
Uso do elemento <style> no documento HTML:
!doctype html> <html> <head> <meta charset="UTF-8"> <title>Uso do estilo HTML (Tutorial básico da web oldtoolbag.com)</title> </head> <style> h1 { color: azul; } .p-style{color:red;font-weight:bold;} </style> </head> <body> <h1>HTML5 Example</h1> <p class="p-style">Este é um parágrafo com estilo </p> </body </html>Teste e veja ‹/›
IEFirefoxOperaChromeSafari
Todos os navegadores populares suportam a etiqueta <style>.
A etiqueta <style> define as informações de estilo do documento HTML.
No elemento <style>, você pode determinar como o documento HTML será apresentado no navegador.
Cada documento HTML pode conter múltiplas etiquetas <style>.
Dica:Se precisar linkar uma folha de estilo externa, use <link> etiqueta.
Dica:Se precisar aprender mais sobre folhas de estilo, leia nosso Tutorial CSS.
Observação:Se não usar a propriedade "scoped", cada etiqueta <style> deve estar localizada na área de cabeçalho head.
A propriedade "scoped" do HTML 5 com novo atributo, que nos permite definir estilos para partes específicas do documento, não para o documento inteiro.
Se usar a propriedade "scoped", o estilo especificado pode ser aplicado apenas ao elemento pai e seus elementos filhos do elemento style.
New: HTML5 com novo atributo.
Atributo | Valor | Descrição |
---|---|---|
media | media_query | Especificar diferentes tipos de mídia para a folha de estilo. |
scopedHTML5 | scoped | Se usar essa propriedade, o estilo será aplicado apenas ao elemento pai e seus elementos filhos do elemento style. |
type | text/css | Especificar o tipo MIME da folha de estilo. |
Suporte <style> etiqueta Propriedades globais do HTML.
Suporte <style> etiqueta Propriedades de eventos do HTML.
Tutorial HTML:HTML CSS
Manual de referência do DOM HTML:Objeto Style