Cómo agregar efectos de texto CSS3

Un sitio CSS3 puede hacer uso de los nuevos efectos de texto, además de sencillas decoraciones de texto. Por supuesto, la desventaja es que usted debe saber que el espectador tiene el apoyo necesario.

Unos efectos de texto son parte de la especificación, pero hasta el momento permanecen sin el apoyo de cualquier navegador - estas entradas son marcados como tales. La siguiente lista describe los efectos especiales de texto que se pueden crear utilizando CSS3.

  • colgar-puntuacion (actualmente sin soporte): Especifica si puntuacion puede aparecer fuera del comienzo o al final de una línea de texto cuando el texto de otro modo que ser envuelto. Los valores aceptables son

  • none: La puntuacion no puede aparecer fuera del área.

  • primero: Puntuacion puede aparecer fuera de la caja en la primera línea.

  • última: Puntuacion puede aparecer en la parte exterior de la caja en la última línea.

  • allow-end: Puntuacion puede aparecer fuera de la caja en cualquier línea si la puntuacion ¿no ajuste normalmente después de que el texto se justifica.

  • fuerza-end: Puntuacion puede aparecer fuera de la caja en cualquier línea. Si la línea está justificada, el navegador obligará a la puntuacion a la tierra fuera del área.

  • puntuacion-trim (actualmente sin soporte): Especifica si puntuacion se recorta cuando aparece fuera del comienzo de la final de una línea de texto cuando el texto de otro modo que ser envuelto. Los valores aceptables son

    • none: La puntuacion no se recorta.

    • primero: Recortar cualquier puntuacion colgado en la primera línea.

    • última: Recortar cualquier puntuacion colgado en la última línea.

    • allow-end: Recorte la puntuacion en cualquier línea donde no encaja después de la línea se justifica.

    • adyacente: Recorte algunos tipos de puntuacion que aparece al principio, en medio o al final de una línea cuando la puntuacion aparece junto a un carácter de ancho completo.

    • text-align último (actualmente sin soporte): Describe cómo alinear la última línea de texto cuando el punto se basa en un margen justificado. Los valores aceptables son:

      • Auto: Se basa en el valor de la propiedad text-align.

      • comenzar: En línea con el inicio de la línea, que depende de la dirección del texto se presenta (a la izquierda; a derecha o izquierda; a izquierda).

      • final: Alineado a la final de la línea, que depende de la dirección del texto se presenta (a la izquierda; a derecha o izquierda; a izquierda).

      • izquierda: siempre alineado con el lado izquierdo de la caja (sin tener en cuenta la dirección del texto).

      • derecha: siempre alineado con el lado derecho de la caja (sin tener en cuenta la dirección del texto).

      • centro: Los contenidos se centran en el cuadro de texto.

      • justifique: contexto se justifica dentro del cuadro de texto.

      • texto énfasis (actualmente sin soporte): Establece el al estilo énfasis texto y texto énfasis color propiedades en una sola llamada.

      • texto justificar (Sólo Internet Explorer): Determina la alineación y el espaciado de texto que se ha marcado como justificado (donde el lado derecho e izquierdo del texto son aún, en lugar de dentado). Los valores aceptables son

        • auto: El navegador determina el método en el que se justifica el texto.

        • entre palabras: Word separación se utiliza para justificar el texto.

        • inter-ideograma: separación de símbolos se utiliza para justificar el texto (espacios entre las palabras no se cuentan). Esta configuración se utiliza normalmente con los juegos de caracteres de doble byte (DBCS) utilizados con los lenguajes que se basan en caracteres distintos de los utilizados por los idiomas Romano-alfabeto como Inglés.

        • inter-cluster: Sólo texto que carece de forma natural los espacios en blanco (como el material escrito en un idioma asiático) se justifica.

        • distribuir: Justificación sigue el modelo utilizado por los periódicos, excepto que la última línea no se justifica cuando se trabaja con idiomas de Asia oriental como el tailandés.

        • kashida: Justificación se logra alargar caracteres individuales.

        • Trim: Justificación se logra acortar la cantidad de espacios en blanco entre las letras.

        • Ninguno: Desactiva cualquier forma de justificación.

        • texto-resumen (actualmente sin soporte): Crea un esquema que sigue los contornos del personaje objetivo. La propiedad es compatible con tres valores:

          • espesor: La anchura del contorno.

          • desdibujar: El radio del contorno.

          • Color: El color utilizado para crear el esquema.

          • texto de desbordamiento: Define la acción que se llevará a cabo cuando el texto se desborda la caja utilizada para contenerla. Los valores aceptables son

            • Clip: Elimina cualquier texto adicional.

            • puntos suspensivos: Muestra una elipsis para mostrar que hay texto adicional.

            • Cuerda: Muestra el valor de la cadena especificada para mostrar que hay texto adicional.

            • text-shadow: Muestra una sombra de los personajes de destino en el mismo ancho que el carácter objetivo. El posicionamiento, la fuerza, y el color de la sombra están determinadas por las propiedades siguientes:

              • h-shadow: Determina la posición horizontal de la sombra.

              • v-shadow: Determina la posición vertical de la sombra.

              • desenfoque: Especifica la claridad del texto de la sombra. El uso de un valor de 0 significa que el texto de la sombra tiene la misma claridad que el texto original.

              • Color: Define el color utilizado para crear el esquema.

              • ajuste de texto (actualmente sin soporte): Determina el ajuste del texto dentro de la caja que contiene. Los valores aceptables son

                • Ninguno: El texto se desborda la caja que contiene cuando es demasiado largo.

                • normales: El texto se divide entre las palabras o de otros espacios en blanco.

                • sin restricciones: El texto se divide entre dos personajes.

                • suprimir: El navegador sólo puede romper las líneas si no hay otros lugares válidos para romper una línea dentro del párrafo. La especificación no es clara en cuanto a donde el descanso se llevará a cabo, pero se supone que se producirá entre las palabras o en algún otro espacio en blanco.

                • palabra-break (no hay soporte Opera): Determina el ajuste del texto dentro de una caja que contiene al trabajar con un lenguaje no CJK (chino-japonés-coreano). Los valores aceptables son

                  • normales: Romper el texto utilizando las reglas estándar de tu navegador, lo que significa normalmente entre las palabras o de otros espacios en blanco.

                  • romper-todo: Romper el texto entre dos personajes.

                  • separación silábica: Romper el texto en puntos de separación silábica naturales, entre las palabras, o en algún otro espacio en blanco.

                  • ajuste de línea: Determina cómo se divide el texto y luego envolvió a la siguiente línea en una caja que contiene al trabajar con un lenguaje no CJK. Los valores aceptables son

                    • normales: Romper palabras usando las reglas estándar de tu navegador, lo que significa que normalmente en los puntos de separación silábica naturales.

                    • romper-palabra: Permitir ruptura de palabras que normalmente no permiten ruptura.