Categorias

Texto na vertical usando CSS

Novo atributo CSS para colocar um texto que possa ser lido na vertical em nosso documento HTML.

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.

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.