Texto, Generador de estilos (Cuadro de diálogo)

Artículo
10/07/2008

Actualización: noviembre 2007

La página Texto del cuadro de diálogo Generador de estilos permite definir atributos de posición de texto CSS (hoja de estilos en cascada). Puede aplicar directamente estos atributos a elementos HTML o agregarlos a reglas de estilo CSS.

Para aplicar los atributos de posición de texto directamente al texto en los elementos HTML de la página

Abra el documento HTML en la vista Diseño del Diseñador HTML y seleccione el texto al que desee aplicar formato.
Haga clic en Estilo en el menú Formato para abrir el cuadro de diálogo Generador de estilos.
Haga clic en Texto en el panel izquierdo del cuadro de diálogo Generador de estilos.

En el panel derecho, aparecerá el cuadro de diálogo Texto, Generador de estilos.

Cuando aplique estilos al texto seleccionado en la vista Diseño, los atributos de estilo CSS se insertarán en línea en el código de marcado HTML de la página. Cambie a la vista HTML para revisar los nuevos atributos de estilo insertados.

Para agregar atributos de texto a una regla de estilo CSS definida en una hoja de estilos externa

Abra una hoja de estilos externa existente y sitúe el punto de inserción entre las llaves ({ }) situadas detrás del selector correspondiente al estilo deseado.
Haga clic en Generar estilo en el menú Estilos para abrir el cuadro de diálogo Generador de estilos.
Haga clic en Texto en el panel izquierdo del cuadro de diálogo Generador de estilos.

En el panel derecho, aparecerá el cuadro de diálogo Texto, Generador de estilos.

Nota:
El menú Estilos aparecerá cuando abra una hoja de estilos CSS externa para editarla. La opción Generar estilo del menú Estilos estará disponible cuando coloque el punto de inserción entre las llaves situadas detrás del selector de una regla de estilo.

Una clase de estilos CSS definida en una hoja de estilos externa puede aplicarse a un elemento del elemento <BODY> de una página Web (en este caso, incluyendo el propio elemento <BODY>) mediante la asignación del selector de estilo CSS como propiedad CLASS del elemento.

Las opciones disponibles en la página Texto del cuadro de diálogo Generador de estilos son:

Tareas

Elementos de interfaz de usuario

Alineación

Nota:
Para las siguientes opciones de alineación, si selecciona <Sin establecer>, no se agregará código al estilo.

Horizontal
Establece el valor de atributo TEXT-ALIGN para el texto al que se da formato con este estilo. Puede seleccionar <Sin establecer> (ninguna opción elegida), Izquierda, Centro, Derecha o Justificado. Por ejemplo, si elige Izquierda, se insertará el siguiente marcado CSS:

TEXT-ALIGN:left

Nota:

Los valores Letters y Lines que establezca más abajo se ajustarán al atributo Justificado.
Vertical
Establece el valor de atributo VERTICAL-ALIGN para el texto al que se da formato con este estilo. Puede seleccionar <Sin establecer> (ninguna opción elegida), Texto de subíndice o Texto de superíndice. Por ejemplo, si elige Texto de subíndice, se insertará el siguiente código de marcado CSS:

VERTICAL-ALIGN:sub
Justificación
Establece el valor de atributo TEXT-JUSTIFY para el texto al que se da formato con este estilo. Puede seleccionar <Sin establecer> (ninguna opción elegida), Automático, Espaciar palabras, Estilo de periódico, Distribuir espaciado o Distribuir todas las líneas. Por ejemplo, si elige Estilo de periódico, se insertará el siguiente código de marcado CSS:

TEXT-JUSTIFY:newspaper

Nota:

Los atributos de justificación sólo estarán disponibles si selecciona Justificado para el valor horizontal.

Nota:
Los valores Letters y Lines que establezca más abajo se ajustarán al atributo Justificado.

Nota:
Los atributos de justificación sólo estarán disponibles si selecciona Justificado para el valor horizontal.

Espaciado entre

Estas opciones configuran el espaciado entre las letras y el espaciado vertical entre las líneas del texto al que se da formato con este estilo.

Letras
Establece el valor de espaciado horizontal entre letras para el texto al que se da formato con este estilo. Puede seleccionar <Sin establecer> (ninguna opción elegida), Normal o Personalizado. Si selecciona Personalizado, estarán disponibles los campos situados a la derecha de Personalizado. Especifique un valor de 1 a 512 en el campo numérico y elija una opción de unidad (px, pt, pc, mm, cm, in, em o ex). Es posible que el valor que establezca se ajuste al atributo HORIZONTAL-JUSTIFIED. La opción de unidad predeterminada es pt. Por ejemplo, si elige Personalizado, escribe 5 en el campo numérico y después acepta la opción de unidad predeterminada, se insertará el siguiente código de marcado CSS:

LETTER-SPACING:5pt
Líneas
Establece el valor de espaciado vertical entre líneas para el texto al que se da formato con este estilo. Puede seleccionar <Sin establecer> (ninguna opción elegida), Normal o Personalizado. Si selecciona Personalizado, estarán disponibles los campos situados a la derecha de Personalizado. Especifique un valor de 1 a 512 en el campo numérico y elija una opción de unidad (px, pt, pc, mm, cm, in, em, ex o %). La opción de unidad predeterminada es pt. Por ejemplo, si elige Personalizado, escribe 5 en el campo numérico y después acepta la opción de unidad predeterminada, se insertará el siguiente código de marcado CSS:

LINE-HEIGHT:5pt

Nota:

El atributo HORIZONTAL-JUSTIFIED también modifica el espaciado vertical de las líneas.

Nota:
El atributo HORIZONTAL-JUSTIFIED también modifica el espaciado vertical de las líneas.

Flujo de texto

Sangría
Establece el valor de atributo TEXT-INDENT para el texto al que se da formato con este estilo. Especifique un valor de 1 a 512 en el campo numérico y elija una opción de unidad (px, pt, pc, mm, cm, in, em, ex o %). La opción de unidad predeterminada es pt. Por ejemplo, si escribe 5 en el campo numérico y después acepta la opción de unidad predeterminada, se insertará el siguiente código de marcado CSS:

TEXT-INDENT:5pt
Dirección del texto
Establece el valor de atributo DIRECTION para el texto al que se da formato con este estilo. Puede seleccionar <Sin establecer> (ninguna opción elegida), De izquierda a derecha o De derecha a izquierda. Por ejemplo, si elige De izquierda a derecha, se insertará el siguiente código de marcado CSS:

DIRECTION:ltr

Nota:

Si el atributo es <Sin establecer>, no se agregará código al estilo.