Home Tutoriais Desenvolvimento Texto na vertical usando CSS


Junto com CSS3 chegam novos atributos para aplicar aos nossos documentos html. É a vez de apresentar-lhes o writing-mode, que permite ajeitar um texto no sentido vertical. Lamentavelmente o único explorador que o suporta é o Internet Explorer, por isso há que ter precaução em seu uso.

<style>
#textovertical {writing-mode: tb-rl; filter: flipv fliph}
</style>

Atualmente utilizando CSS não poderemos solucionar este problema de uma maneira adequada para todos os meios. Visto que este exemplo só funciona com Internet Explorer, outros navegadores como Firefox ou Opera verão o texto na horizontal. Se nosso desenho for muito preciso, certamente não poderemos utilizar este exemplo, porque se o texto aparece algumas vezes na horizontal e outras na vertical, certamente acabará desenquadrando a página.

Uma possível solução a este problema seria salvar o texto como uma imagem, modificá-la com Photoshop ou com qualquer outro programa deste tipo, para colocar o texto na vertical. Logo, teríamos que adicioná-la à web tal como qualquer outra imagem. Desta forma o texto ficaria na vertical da mesma forma que com CSS e funcionaria em todos os navegadores.

Fonte: http://www.criarweb.com/artigos/560.php

   

Leave a Reply

This blog is kept spam free by WP-SpamFree.