English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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>.
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 ‹/›
IEFirefoxOperaChromeSafari
Todos los navegadores populares admiten la etiqueta <style>.
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>.
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.
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.
New: HTML5 nuevo atributo.
Atributo | Valor | Descripción |
---|---|---|
media | media_query | Especificar diferentes tipos de medios para las hojas de estilo. |
scopedHTML5 | scoped | Si se utiliza este atributo, el estilo solo se aplica al elemento padre y a los elementos hijos del elemento style. |
type | text/css | Especificar el tipo MIME de la hoja de estilo. |
Soporte de <style> etiqueta Atributos globales de HTML.
Soporte de <style> etiqueta Atributos de eventos de HTML.
Tutorial de HTML:HTML CSS
Manual de referencia de HTML DOM:Objeto de estilo