0 Compartilhamentos 490 Views

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.

Carregando...

Você pode se interessar

O que é o FLoC e como ele afeta sua privacidade na internet?
Artigos
14 visualizações
Artigos
14 visualizações

O que é o FLoC e como ele afeta sua privacidade na internet?

Carlos L. A. da Silva - 5 de maio de 2021

Federated Learning of Cohorts é uma API proposta pelo Google para substituir os cookies, mas ela também oferece problemas

Como planejar e construir um projeto de programação
Artigos
241 visualizações
Artigos
241 visualizações

Como planejar e construir um projeto de programação

Carlos L. A. da Silva - 19 de abril de 2021

O desenvolvedor full stack Peter Lynch revela seu método de preparação para qualquer projeto, de forma simples e direta para iniciantes e veteranos.

15 ferramentas de desenvolvimento para melhorar sua produtividade em 2021 sem gastar nada
Artigos
353 visualizações
Artigos
353 visualizações

15 ferramentas de desenvolvimento para melhorar sua produtividade em 2021 sem gastar nada

Carlos L. A. da Silva - 2 de abril de 2021

O cenário de desenvolvimento está em constante mudança e muitas vezes uma ferramenta nova pode agilizar muito seu trabalho.

Deixe um Comentário

Your email address will not be published.

Mais publicações

A tecnologia por trás do deep fake de Deep Nostalgia
Artigos
335 visualizações
335 visualizações

A tecnologia por trás do deep fake de Deep Nostalgia

Carlos L. A. da Silva - 22 de março de 2021
Como se tornar um Engenheiro DevOps em 2021
Artigos
314 visualizações
314 visualizações

Como se tornar um Engenheiro DevOps em 2021

Carlos L. A. da Silva - 1 de março de 2021
Seus dados vazaram. E agora?
Artigos
285 visualizações
285 visualizações

Seus dados vazaram. E agora?

Carlos L. A. da Silva - 19 de fevereiro de 2021