ESPAÑOL: ¡Bienvenido! Es la página inicial de OSIRIS LMS. Regístrese hoy mismo y obtenga acceso a todos nuestros CURSOS GRATUITOS. Clic aquí para registrarse ya. Hemos desarrollado una amplia gamma de cursos “online” (Programación, Multimedia, 3D, Habilidades suaves, etc.), disponibles 24X7. Para más detalle consulte la lista de Cursos Disponibles. Si tiene problemas con el acceso a la plataforma, vea el Tour Virtual de Osiris LMS. También puede consultar la sección de FAQ’s o enviar Solicitud de Soporte Técnico.

ForoForo de discusión
Texto vertical con CSS
Buscador:
Foro > HTML > Texto vertical con CSS

Enviado por: Texto del mensaje
Support Osiris LMS 
Nivel : Jefe de Administradores
Mensajes : 114
> Perfil
Escrito el : Martes 12-12-2006 A las : 00:14 ( > un mes )
Asunto : Texto vertical con CSS
Muchas nuevas posibilidades y funcionalidades atractivas se han agregado en CSS3. Entre tantos vamos a destacar el estilo writing-mode, que permite desplegar un texto en dirección vertical.

Veamos cómo usarlo y el resultado que podemos obtener:

<font STYLE="writing-mode: tb-rl;" color="#ff0000" size="6">Texto 1</font>
<font STYLE="writing-mode: tb-rl; filter: flipv() fliph()" color="#008000" size="6">Texto 2</font>
<font STYLE="writing-mode: tb-rl; filter: flipv()" color="#ffff00" size="6">Texto 3</font>
<font STYLE="writing-mode: tb-rl; filter: fliph()" color="#ff00ff" size="6">Texto 4</font>


Hemos aplicado el estilo writing-mode: tb-rl en cuatro diferentes formas, donde el atributo filter define la dirección del texto vertical. Veamos el resultado:

Texto 1
Texto 2
Texto 3
Texto 4



Nota: Por el momento el único navegador que lo soporta es Internet Explorer, por eso hay que tener precaución en su uso.
Soporte de Osiris LMS
Amplía tus conocimientos en línea