Location: Inicio > Referencia HTML > Tags HTML > Tag HTML style

Tag HTML style

Nota: Si no sabes lo que es un elemento/tag o cómo debes utilizarlo, te recomiendo que leas el tutorial "Tags y atributos en HTML", que puedes encontrar en la sección de tutoriales HTML.

Tabla de contenidos

Bypass table of contents

1 Descripción
2 Ejemplos
3 Atributos
1. 3.1 title
2. 3.2 lang
3. 3.3 dir
4. 3.4 type
5. 3.5 media
4 Eventos

Bypass main content

Descripción

El elemento HTML style permite a los autores insertar información de hojas de estilo dentro del documento. A diferencia del atributo "style", este elemento permite la inserción de clases o selectores ID, incrementando la versatilidad de la implementación de hojas de estilo.

El elemento HTML style puede ser insertado únicamente en el encabezado del documento (elemento HTML head).

Otra alternativa para insertar información de hojas de estilo, y tal vez más conveniente debido a su posibilidad de compartirla entre varios documentos, es crear referencias a archivos externos utilizando el elemento HTML link. De esta forma, muchos documentos pueden vincular a un mismo archivo de hojas de estilo, lo que hace más sencilla la edición del aspecto visual de los elementos.

Ejemplos

<head>
<style type="text/css">
p {font-size: 8pt; font-family: arial,helvetica}
p.big {font-size: 12pt; font-family: arial,helvetica}
</style>
</head>

Atributos

title (text)

El propósito de este atributo es proveer un título para el elemento. Su valor debe ser una descripción corta y precisa del contenido del elemento. Habitualmente, los navegadores muestran el contenido de este atributo en un recuadro al posar el mouse encima del contenido del elemento por un pequeño período de tiempo.

Código

<a title="HTMLQuick.com" href="http://www.htmlquick.com/es/">Código HTML</a>

Vista

Código HTML

lang (langcode)

Especifica el lenguaje del contenido de un elemento. El valor por defecto es "desconocido".

Al escribir documentos XHTML 1.0, el atributo usado para especificar el lenguaje de un elemento es "xml:lang". Para compatibilidad con los dos tipos de estándar ambos atributos pueden ser usados simultáneamente como en el ejemplo a continuación. Nota que en XHTML 1.1, el atributo "lang" ha sido completamente reemplazado por "xml:lang" y su uso ya no es válido.

<p lang="en" xml:lang="en">This is a paragraph in English.</p>
<p lang="es" xml:lang="es">Este es un párrafo en español.</p>

dir

Este atributo indica la dirección en que el texto del elemento debe ser leído. Esto incluye al contenido, los valores de los atributos y las tablas. Tiene dos valores posibles que son insensibles a mayúsculas/minúsculas:

RTL: derecha a izquierda.
LTR: izquierda a derecha.

<q lang="he" dir="rtl">...una cita en Hebreo...</q>

type (content-type)

Declara el lenguaje de hojas de estilo utilizado en el contenido del elemento, como un content-type.

media (media-descriptor)

Especifica un descriptor de medio para el cual el contenido del elemento ha sido diseñado. Puede ser un sólo medio o una lista separada por comas de medios. El valor por defecto es "screen".

Eventos

Este elemento no soporta eventos.

Ve a la lista completa de eventos en HTML.