Sunday, 15 April 2018

Visibility and Display Text in CSS

Irawen April 15, 2018 HTML&CSS No comments

We are see a visibility of any div and display of div.

Syntax:-
#div2{
border:1px solid;
width:30px;
height:100px;
Visibility:visible; //This is a use a visibility.
}
#div3{
border:1px solid;
width:30px;
height:100px;
Display:none; // Here, This is use a display syntax.
}
Example:-
<!Doctype html>
<html>
<head>
<title>CastorClasses.com</title>
<style type=”text/css”>
#div1{
border:1px solid;
width:30px;
height:100px;
}
#div2{
border:1px solid;
width:30px;
height:100px;
Visibility:visible;
}
#div3{
border:1px solid;
width:30px;
height:100px;
Display:none;
}
</head>
<body>
<div1 id=”div1″></div>
<div1 id=”div2″></div>
<div1 id=”div3″>
</div>
</body>
</html>