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

Manual de referencia HTML

大全 de etiquetas HTML

HTML: <style> etiqueta

La etiqueta <style> de HTML se utiliza para inyectar CSS en el documento HTML. Puede colocarse dentro de la etiqueta <body> o la etiqueta <head>. Por defecto, la información de estilo de la etiqueta <style> es generalmente en formato CSS. Este etiqueta también se conoce como elemento <style>.

Ejemplo en línea

Uso del elemento <style> en el documento HTML:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso del etiqueta style HTML (Tutoriales básicos de la 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 es un párrafo con estilo </p>
</body
</html>
Pruebe y vea ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores populares admiten la etiqueta <style>.

Definición y explicación de uso de la etiqueta

La etiqueta <style> define la información de estilo del documento HTML.

En el elemento <style>, puede especificar cómo se debe presentar el documento HTML en el navegador.

Cada documento HTML puede contener múltiples etiquetas <style>.

Consejos y advertencias

Consejo:Si desea enlazar una hoja de estilo externa, utilice <link> etiquetas.

Consejo:Si desea aprender más sobre las hojas de estilo, lea nuestros Tutorial de CSS.

Nota:Si no se utiliza el atributo "scoped", cada etiqueta <style> debe estar ubicada en la sección de encabezado head.

HTML 4.01 con HTML5diferencias

El atributo "scoped" es HTML 5 nuevo atributo, que nos permite definir estilos para partes específicas del documento, en lugar de para todo el documento.
Si se utiliza el atributo "scoped", los estilos especificados solo se aplican al elemento padre y a los elementos hijos del elemento style.

Atributo

New: HTML5 nuevo atributo.

AtributoValorDescripción
mediamedia_queryEspecificar diferentes tipos de medios para las hojas de estilo.
scopedHTML5scopedSi se utiliza este atributo, el estilo solo se aplica al elemento padre y a los elementos hijos del elemento style.
typetext/cssEspecificar el tipo MIME de la hoja de estilo.

Atributos globales

Soporte de <style> etiqueta Atributos globales de HTML.

Atributos de eventos

Soporte de <style> etiqueta Atributos de eventos de HTML.

Artículos relacionados

Tutorial de HTML:HTML CSS

Manual de referencia de HTML DOM:Objeto de estilo