CSS - właściwości resize


resize

kod wynik kodu
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>CSS - visual formatting</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
div {
  width: 250px;
  height: 100px;
  background: azure;
  border: 2px solid black;
  overflow: auto;
}
.one {
  resize: both;
}
.two {
  resize: horizontal;
}
.three {
  resize: vertical;
}
.four {
  resize: none;
}
</style>
</head>
<body>

<div class="one">dostosowanie szerokości oraz wysokości elementu</div>
<br /><br /><br />
<div class="two">dostosowanie szerokości elementu</div>
<br /><br /><br />
<div class="three">dostosowanie wysokości welementu</div>
<br /><br /><br />
<div class="four">brak dostosowania elementu</div>

</body>
</html>