CSS3 Анонсы, текстовые эффекты

text-shadow

В CSS3, наконец, отпадает необходимость в Photoshop, когда все, что вам нужно сделать, это просто тень. Text-shadow используется следующим образом:

Примечание: Эта функция не является чем-то новым в CSS3, он был первоначально предложен в CSS2.

text-overflow

Иногда текст должны быть обрезаны. Например, когда его переполняет окно элемента. Когда это происходит, вы хотите оставить визуальные "намек" пользователю, что текст был обрезан.Подобное можно показать с помощью троеточия (...).

Opera поддерживает это используя префикс: -o-text-overflow

Поддержка этих функций очень ограничен на данный момент, WebKit поддерживает только short-hand text-overflow, да и то лишь частично реализовано. Text-overflow: ellipsis-word; и text-overflow: inherit; , не работает. Internet Explorer, как ни странно, поддерживает в IE6 и выше, в соответствии с MSDN страницы о нем.

 

Lorem ipsum dolor sit amet, consectetur

 

Lorem ipsum dolor sit amet, consectetur

 

word-wrap

Свойство word-wrap указывает, переносить или нет длинные слова, которые не помещаются по ширине в заданную область. Данное свойство носит черновой характер и при валидации документа на CSS3 выдает ошибку.

В первом абзаце ниже используется стандартно. Длинное слово вырывается из окна, так как не хватает ширины для того, чтобы полностью находится в блоке. Во втором абзаце используется break-word и длинное слово разбивается на две части и вторая часть переносится на следующую строку.

 

This paragraph has long words thisisaveryverylongwordthatisntreallyoneword and again a longwordwithnospacesinit

This paragraph has long words thisisaveryverylongwordthatisntreallyoneword and again a longwordwithnospacesinit

Источник статьи: http://www.css3.info/preview

test