Настройки стилей при отображении текста

Длинный текст, примеры работы со стилями

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<DIV STYLE="text-decoration:underline;color:darkRed;
font: bold 20px Arial;font-weight:bold">
Effect of CSS property <I>text-overflow</I></DIV> 
<DIV STYLE="font: bold 16px Arial; color:darkRed; font-weight:bold">
Каждый объект (элемент DIV), располагающийся ниже, содержит следующий текст:</DIV>
<DIV >Здесь располагается длинный текст, с которым будут производиться действия.</DIV>
<DIV STYLE="font: bold 16px Arial;color:darkRed; font-weight:bold">
Посмотрите, как применяются настройки стилей при отображении текста.</DIV>
 
<DIV STYLE="position: relative; height: 75px; top:10">
<DIV STYLE="position: absolute; left: 10px;
            font: bold 16px Arial, sans-serif; color: blue; ">
STYLE ="text-overflow : clip; overflow : hidden"
<DIV STYLE="position: absolute; left: 0px; top: 18px; color: black;
            width: 120px; height: 50px; border: 1px solid blue;
            font: 14px Times New Roman, serif; overflow: hidden;
            text-overflow:clip">
<NOBR>Здесь располагается длинный текст, с которым будут производиться действия.</NOBR>
</DIV>
</DIV>
 
<DIV STYLE="position: relative; height: 75px; top: 70">
<DIV STYLE="position: absolute; left: 10px;
            font: bold 16px Arial, sans-serif; color: blue; ">
STYLE ="text-overflow : ellipsis; overflow : hidden"
<DIV STYLE="position: absolute; left: 0px; top: 18px; color: black;
            width: 120px; height: 50px; border: 1px solid blue;
            font: 14px Times New Roman, serif; overflow: hidden;
            text-overflow:ellipsis">
<NOBR>Здесь располагается длинный текст, с которым будут производиться действия.</NOBR>
</DIV>
</DIV>
 
<DIV STYLE="position: relative; height: 75px; top:70">
<DIV STYLE="position: absolute; left: 10px;
            font: bold 16px Arial, sans-serif; color: blue; ">
STYLE ="text-overflow : ellipsis; overflow : visible"
<DIV STYLE="position: absolute; left: 0px; top: 18px; color: black;
            width: 120px; height: 50px; border: 1px solid blue;
            font: 14px Times New Roman, serif; overflow: visible;
            text-overflow:ellipsis">
<NOBR>Здесь располагается длинный текст, с которым будут производиться действия.</NOBR>
</DIV>
</DIV>

Оставить комментарий


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>