Изменение размера свойство CSS3

Среди многих новшеств внедряются CSS3, новые - и еще не окончательный - выпуск каскадных таблиц стилей, свойство особенно интересным является размер. Благодаря этому свойству, то легко видеть, вы можете создавать, так просто, изменять размеры элементов в нашей веб-страницы с помощью одной строки кода CSS (до появления CSS3 создания элементов требует использования масштабируемых сложных функций JavaScript).

В настоящее время это имущество, а также многих других CSS3 не всеми поддерживается всеми браузерами, а только те семьи WebKit (Safari и Chrome) и Firefox 4.

Следует отметить, что некоторые из этих элементов браузеров страницы, такие как теги <textarea>, можно изменять по умолчанию по высоте и ширине.

Управление размер

Изменение размера собственности может иметь различные значения:

• элемент нет = не изменять размеры;
• Горизонтальное = элемент может быть изменен только по горизонтали;
• = Вертикальный элемент может быть изменен только по вертикали;
• как = элемент может быть изменен по вертикали и горизонтали;

Вот некоторые, например:

 / *







 Предотвращает изменение размера текстовой







 * /







 текстовой {размер: нет;}









 / *







 Я создаю изменяемого размера элемента вертикально







 * /







 div.vert {размер: вертикальная;}

Управление размером со связанными

Использования имущества, изменение размера очень часто сопровождается - из соображений дизайна - с ограничениями, которые определяют минимальные и / или максимального Можно предположить, что элемент изменяемого размера. Для этого мы использовали следующие свойства CSS:

• макс ширины и максимальной высоты
• мин-ширина и высота мин-

Давайте посмотрим пример изменения размера дел горизонтально с фиксированной максимальной ширине:

 {Div.horiz



  



 Высота: 200px;



  



 ширина: 300px;



  



 макс-ширина: 600px;



  



 фон: # EEEEEE;



  



 границы: 3px твердых # DDDDDD;



  



 переполнения: авто;



  



 размер: горизонтальные;







 }

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