|
Размеры видимой области позиционированного элемента задаются свойствами left, top, width, height.
Но не всегда элемент может разместиться в пределах, заданных этими параметрами. Поэтому
необходимо определить, как будет отображаться содержание, которое выходит за пределы видимой
области. Для этого предназначено свойство overflow, принимающее одно из следующих значений:
visible
Отображает все содержание элемента, даже за пределами установленной ширины и высоты
hidden
Отображает содержание только внутри установленной видимой обасти. Часть элемента, выходящая за пределы области,
не показывается.
scroll
Добавляет к отображаемому элементу полосы прокрутки независимо от того, помещается
ли содержание элемента в отведенную ему область или нет.
auto
Добавляет полосы прокрутки по мере необходимости.
А теперь приведем примеры кода, и что из этого получится.
1. visible
<span style="width: 350px; height: 100px; overflow: visible">
<pre>
Три кольца премудрым эльфам - для добра их гордого,
Семь колец пещерным гномам - для труда их горного,
Девять - людям Средиземья - для служенья черного
И бесстрашия в сраженьях смертоносно твердого,
А Одно - всесильное - Властелину Мордора,
Чтоб разъединить их всех, чтоб лишить их воли
И объединить их всех в их земной юдоли
Под владычеством всесильным Властелина Мордора.
</pre>
</span>
|
Три кольца премудрым эльфам - для добра их гордого,
Семь колец пещерным гномам - для труда их горного,
Девять - людям Средиземья - для служенья черного
И бесстрашия в сраженьях смертоносно твердого,
А Одно - всесильное - Властелину Мордора,
Чтоб разъединить их всех, чтоб лишить их воли
И объединить их всех в их земной юдоли
Под владычеством всесильным Властелина Мордора.
2. hidden
<span style="width: 350px; height: 100px; overflow: hidden">
<pre>
Три кольца премудрым эльфам - для добра их гордого,
Семь колец пещерным гномам - для труда их горного,
Девять - людям Средиземья - для служенья черного
И бесстрашия в сраженьях смертоносно твердого,
А Одно - всесильное - Властелину Мордора,
Чтоб разъединить их всех, чтоб лишить их воли
И объединить их всех в их земной юдоли
Под владычеством всесильным Властелина Мордора.
</pre>
</span>
|
Три кольца премудрым эльфам - для добра их гордого,
Семь колец пещерным гномам - для труда их горного,
Девять - людям Средиземья - для служенья черного
И бесстрашия в сраженьях смертоносно твердого,
А Одно - всесильное - Властелину Мордора,
Чтоб разъединить их всех, чтоб лишить их воли
И объединить их всех в их земной юдоли
Под владычеством всесильным Властелина Мордора.
3. scroll
<span style="width: 350px; height: 100px; overflow: scroll">
<pre>
Три кольца премудрым эльфам - для добра их гордого,
Семь колец пещерным гномам - для труда их горного,
Девять - людям Средиземья - для служенья черного
И бесстрашия в сраженьях смертоносно твердого,
А Одно - всесильное - Властелину Мордора,
Чтоб разъединить их всех, чтоб лишить их воли
И объединить их всех в их земной юдоли
Под владычеством всесильным Властелина Мордора.
</pre>
</span>
|
Три кольца премудрым эльфам - для добра их гордого,
Семь колец пещерным гномам - для труда их горного,
Девять - людям Средиземья - для служенья черного
И бесстрашия в сраженьях смертоносно твердого,
А Одно - всесильное - Властелину Мордора,
Чтоб разъединить их всех, чтоб лишить их воли
И объединить их всех в их земной юдоли
Под владычеством всесильным Властелина Мордора.
4. auto
<span style="width: 350px; height: 100px; overflow: auto">
<pre>
Три кольца премудрым эльфам - для добра их гордого,
Семь колец пещерным гномам - для труда их горного,
Девять - людям Средиземья - для служенья черного
И бесстрашия в сраженьях смертоносно твердого,
А Одно - всесильное - Властелину Мордора,
Чтоб разъединить их всех, чтоб лишить их воли
И объединить их всех в их земной юдоли
Под владычеством всесильным Властелина Мордора.
</pre>
</span>
|
Три кольца премудрым эльфам - для добра их гордого,
Семь колец пещерным гномам - для труда их горного,
Девять - людям Средиземья - для служенья черного
И бесстрашия в сраженьях смертоносно твердого,
А Одно - всесильное - Властелину Мордора,
Чтоб разъединить их всех, чтоб лишить их воли
И объединить их всех в их земной юдоли
Под владычеством всесильным Властелина Мордора.
|
