Авторский знак. 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 - resize.

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

Google Chrome Google Chrome Firefox Firefox Safari Сафари

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

Собственное английское слово resize есть изменять размеры, менять размеры.

          общий вид:
          
           $(window).resize(function(){ 
                              alert("...");
                           });

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


Синтаксис:

            resize: none|both|horizontal|vertical|initial|inherit;          

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

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


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

Значение Описание
none Значение по умолчанию. Пользователь может изменять размеры элемента
both Пользователь может настроить высоту и ширину элемента
horizontal Пользователь может настроить ширину элемента
vertical Пользователь может регулировать высоту элемента
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


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

< !DOCTYPE html>
< html>
< head>
< style> 
div
{
border:2px solid #C00;
padding:5px 25px; 
width:350px;
resize:both;
overflow:auto;
}
< /style>
< /head>
< body>

< p>< b>Внимание!!!< /b> Internet Explorer и Opera не поддерживает изменение 
                                                      данного свойства.< /p>

< div>resize свойство указывает является ли или не является элементом 
                                   изменяемого размера пользователем.< /div>

< /body>
< /html>                      

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

Внимание!!! Internet Explorer и Opera не поддерживает изменение данного свойства.

resize свойство указывает является ли или не является элементом изменяемого размера пользователем.



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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: