Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Css » Vysota-i-shirina-blokov-v-css

Свойства width & height

По умолчанию высота и ширина блоков в CSS устанавливается автоматически. Но что делать если нам необходимо задать определенный размер блока? Да никаких проблем! В этом нам помогут свойства CSS — height и width

здесь нет ничего сложного и вы можете в этом убедиться на примере:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
  <head>
<meta http-equiv="Content-Type" content="text/html;
 charset=utf-8">
  <title>height и width</title>
<style type="text/css">
.block {
	height: 100px; /* Высота блока */
	width: 180px; /* Ширина блока */
	overflow: scroll; 
	padding: 8px; /* Поля вокруг текста */
	border: 1px solid navy; /* Параметры рамки */
	background-color: #F0EDDD;/* Цвет фона */
}
</style>
 </head> 
 <body>   
  <div class="block">
   Этот блок имеет высоту в 100 пикселей и ширину - 180 пикселей
  </div>
  
 </body>
</html>

Результат можно увидеть на рисунке:

Свойства width и height

Разобравшись с размерами блоков можете переходить к следующему уроку.



наверх