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 contenido	Metadatos.
Contenido permitido	Contenido textual que coincide con el valor de la propiedad `type`, es decir `text/css`.
Acrónimo	No es posible eliminar ni las etiquetas de inicio ni de final.
Elementos del padre	Cualquier elemento que acepte metadatos.
Interfaz DOMO	`HTMLStyleElement`.

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado

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;
}