Elemento style en HTML

Elemento style en html

El elemento style contiene información sobre el formato del documento o parte de él. Dentro de este elemento contiene información de formato que se espera que esté en CSS.

Ejemplo simple del elemento <style> con algunas instrucciones de formato dentro de él:

<style>
body {
  color: blue;
}
</style>

Elemento style

Clasificaciones de contenidoMetadatos.
Contenido permitidoContenido textual que coincide con el valor de la propiedad type, es decir text/css.
AcrónimoNo es posible eliminar ni las etiquetas de inicio ni de final.
Elementos del padreCualquier elemento que acepte metadatos.
Interfaz DOMOHTMLStyleElement.

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

Características

En este elemento se pueden utilizar propiedades globales.

type

Esta propiedad especifica el tipo MIME del idioma utilizado para el formato (no se debe especificar la codificación de caracteres). Esta propiedad es opcional y su valor predeterminado es text/css.

<style type="text/css">
body {
  color: blue;
}
</style>

media

Esta propiedad define a qué consulta de medios se deben aplicar los estilos. El valor predeterminado es all.

Los siguientes patrones se aplicarán a la página si se imprime:

<style media="print">
body {
  color: blue;
}
</style>

title

Esta propiedad se utiliza para definir estilos de página alternativos .

Formato predeterminado

Todos los navegadores ocultan este elemento estableciendo el valor de la propiedad display en none:

style {
  display: none;
}