Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - text-overflow.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство text-overflow текст переполнения указывает, что должно произойти, когда текст переполняет содержащий элемент, то есть свойство text-overflow указывает параметры видимости текста в блоке, если текст целиком не размещается в выбранном элементе. Имеется место следующим случаям - текст обрезается на границах области; текст обрезается и к концу строки добавляется многоточие.

Внимание!!! Свойство text-overflow работает при условии применения к выбранному Вами элементу свойство overflow со значениями: auto, scroll, hidden.

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


Синтаксис:

              text-overflow: clip|ellipsis|string|initial|inherit;

Описание и использование

Значение по умолчанию: clip
наследует: нет
Версия: CSS3
JavaScript синтаксис: object.style.textOverflow="ellipsis"


Свойства Значения

Значение Описание
clip Значение по умолчанию. Зажим текста
ellipsis Многоточие ("..."), чтобы представить текст обрезанным
string Предоставить данную строку, представляющую текст обрезанным
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style> 
div.rr
{
white-space:nowrap; 
width:12em; 
overflow:hidden; 
border:1px solid #C39;
}
< /style>
< /head>
< body>

< p>следующие два div содержит длинный текст, который не помещается в окне. Как
вы можете увидеть, то текст обрезается.< /p>
< p>Этот элемент div использует "text-overflow:многоточие"< /p>

< div class="rr" style="text-overflow:clip;">Это какой-то длинный текст, который не помещается в окне< /div>
< div class="rr" style="text-overflow:ellipsis;">Это какой-то длинный текст, который не помещается в окне< /div>
< p>Этот элемент div использует "text-overflow:зажим":< /p>
< div class="rr" style="text-overflow:clip;">Это какой-то длинный текст, который не помещается в окне< /div>

< /body>
< /html>                     

Результат программы:

следующие два div содержит длинный текст, который не помещается в окне. Как вы можете увидеть, то текст обрезается.

Этот элемент div использует "text-overflow:clip"

Это какой-то длинный текст, который не помещается в окне

Этот элемент div использует "text-overflow:ellipsis"

Это какой-то длинный текст, который не помещается в окне

Этот элемент div использует "text-overflow:string"

Это какой-то длинный текст, который не помещается в окне



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: