logo_s

САМОУЧКА

Сайт для тех, кто хочет научиться

 

 

 

 

 

 

Главная

О Нас

Публикации

Связь

 

 

 

 

 

 

 

Наши публикации

 

HTML для новичков

 

XHTML

 

CSS для новичков

 

CSS 3

 

JavaScript

 

<Предыдущая  Следующая>


В 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;
}

  

  
  
  
  

  

  
  
  
  
<Предыдущая  Следующая>

 

Последние добавления

 

HotLog