Para ver el artículo en inglés, active la casilla Inglés. También puede ver el texto en inglés en una ventana emergente si pasa el puntero del mouse por el texto.
Traducción
Inglés

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

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

  1. Abra el documento HTML en la vista Diseño del Diseñador HTML y seleccione el texto al que desee aplicar formato.

  2. Haga clic en Estilo en el menú Formato para abrir el cuadro de diálogo Generador de estilos.

  3. 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

  1. 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.

  2. Haga clic en Generar estilo en el menú Estilos para abrir el cuadro de diálogo Generador de estilos.

  3. 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.

NotaNota

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:

Alineación

NotaNota

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

NotaNota

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

NotaNota

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

NotaNota

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

NotaNota

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

Adiciones de comunidad

Mostrar: