AJAX загрузка
home

В CSS3 были добавлены новые свойства оформления текста элементов.

Добавление теней к тексту

Обратите внимание: данное свойство на данный момент не поддерживается в браузере Internet Explorer.

С помощью нового CSS3 свойства text-shadow Вы можете добавлять к тексту элементов тени (к тексту одного элемента может быть добавлено одновременно несколько теней).

При задании тени для текста необходимо указать: величину смещения тени от текста по горизонтали и вертикали (может быть отрицательной), а также радиус размытия и цвет тени.

Пример


#shadow1 {
text-shadow:3px 2px #FFAE00;
}
#shadow2 {
text-shadow:1px 1px 10px #FFAE00;
}
#shadow3 {
text-shadow:2px 2px 2px #FFAE00, 2px 2px 15px #1435AD;
}


Быстрый просмотр

Свойство text-overflow

В CSS3 было добавлено новое свойство text-overflow, которое позволяет указать, что должно случиться с текстом вышедшем за пределы границ элемента.

Пример


#wrap1 {
text-overflow:ellipsis;
overflow:hidden;
}
#wrap2 {
text-overflow:clip;
overflow:hidden;
}


Быстрый просмотр

Свойство word-wrap

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

Пример


#wrap2 {
word-wrap:break-word;
}


Быстрый просмотр