CSS3 Resizing
CSS3 Resizing
By resizing property we can resize
the element vertically, horizontally and
both of them in one.
Example:-
Open
the link
then you will see the live example of this coding.
<html>
<head>
<title>csszilla</title>
<style>
.div1{
background:green;
color:white;
font-size:18px;
resize:
horizontal;
overflow:
auto;
width:200px;
height:200px;
margin-bottom:10px;
text-align:center;
}
.div2{
background:orange;
color:white;
font-size:18px;
resize:
vertical;
overflow:
auto;
width:200px;
height:200px;
margin-bottom:10px;
}
.div3
{
background:#6666CC;
color:white;
font-size:18px;
resize:
both;
overflow:
auto;
width:200px;
height:200px;
margin-bottom:10px;
}
</style>
</head>
<body>
<h1
style="background:#006666; color:white; text-align:center;"> this
is the example of resize horizontaly,
verticaly and both.</h1>
<div
class="div1">
CssZilla
is a best blog to learn about web designing.</div>
<div
class="div2">
CssZilla
is a best blog to learn about web designing.</div>
<div
class="div3">
CssZilla
is a best blog to learn about web designing.</div>
</body>
</html>
Comments
Post a Comment