English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência HTML

Catálogo de etiquetas HTML

HTML: <style> etiqueta

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

Exemplo online

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 ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a etiqueta <style>.

Definição e instruções de uso da etiqueta

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

Dicas e注意事项

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.

HTML 4.01 com HTML5diferenças

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.

Atributo

New: HTML5 com novo atributo.

AtributoValorDescrição
mediamedia_queryEspecificar diferentes tipos de mídia para a folha de estilo.
scopedHTML5scopedSe usar essa propriedade, o estilo será aplicado apenas ao elemento pai e seus elementos filhos do elemento style.
typetext/cssEspecificar o tipo MIME da folha de estilo.

Propriedades globais

Suporte <style> etiqueta Propriedades globais do HTML.

Propriedades de eventos

Suporte <style> etiqueta Propriedades de eventos do HTML.

Artigos relacionados

Tutorial HTML:HTML CSS

Manual de referência do DOM HTML:Objeto Style