Вертикальный текст при помощи CSS

Вертикальный текст при помощи CSS

72011-05-2237162Денис Абдуллин
Это расширение отлично сэкономит место на вашем сайте, т.к. вертикальный текст можно удобно разместить где-нибудь сбоку, уместив нужное количество слов. И это очень удобно, некоторые используют изображения для отображения вертикального текста, а здесь все легко редактируется. Странно, что много современных браузеров не поддерживают свойство writing-mode, чтобы с его помощью легко указывать направление текста. Но у каждого браузера есть свое решение, которое позволяет повернуть надпись под произвольным углом, а вот остался writing-mode только под углом в 90°. Но в основном все браузеры самых последних версий поддерживают это расширение.

Устанавливаем блок div с нужным текстом. Например:



Устанавливаем CSS:



Ставим условные комментарии для IE:



Урааа, у вас на сайте отличный вертикальный текст, который экономит место и время.

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (2)
Гость 2012-02-16 в 17:11 / МатериалСпам
270deg IE ????
-1
Гость 2012-02-20 в 08:26 / МатериалСпам
В осле не кажит :(
1
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.