Client Properties

<!DOCTYPE html>
<html>

<head>
	
	<style>
		h1 {
			color:green;
		}
		#GFG {
			height: 200px;
			width: 300px;
			padding: 20px;
			margin: 20px;
			border: 10px solid black;
			overflow-x:scroll;
			overflow-y:scroll;
			text-align:justify;
		}
		#demo {
			font-weight:bold;
			color:green;
		}
	</style>
</head>

<body>
	<center>
		<h1>CloseTag</h1>
		
		<h2>OffsetHeight and ClientHeight</h2>
	
		<button onclick="myfun()">
			Click Here!
		</button>
	
		<div id="GFG">
			This course is focused on Data Structures
			& Algorithms and will help you to prepare
			for product-based companies like Microsoft,
			Amazon, Adobe, etc. This is an online
			learning program which can be completed
			according to your pace. The course
			curriculum has been divided into 10 weeks
			where you can practice the question &
			attempt the Contest according to your
			time convenience. The course content includes
			pre-recorded premium Video lectures &
			programming questions for practice. You will
			learn algorithmic techniques for solving
			various computational problems and will
			implement more than 200 algorithmic coding
			problems.
		</div>
		
		<div id="demo"></div>
		
	
		<script>
			function myfun() {
				
				var element = document.getElementById("GFG");
				var text = "";
				
				text += "ClientHeight: " + element.clientHeight
							+ "px" + "<br>";
				

				
				document.getElementById("demo").innerHTML = text;
			}
		</script>
	</center>
</body>

</html>

PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCg0KPGhlYWQ+DQoJDQoJPHN0eWxlPg0KCQloMSB7DQoJCQljb2xvcjpncmVlbjsNCgkJfQ0KCQkjR0ZHIHsNCgkJCWhlaWdodDogMjAwcHg7DQoJCQl3aWR0aDogMzAwcHg7DQoJCQlwYWRkaW5nOiAyMHB4Ow0KCQkJbWFyZ2luOiAyMHB4Ow0KCQkJYm9yZGVyOiAxMHB4IHNvbGlkIGJsYWNrOw0KCQkJb3ZlcmZsb3cteDpzY3JvbGw7DQoJCQlvdmVyZmxvdy15OnNjcm9sbDsNCgkJCXRleHQtYWxpZ246anVzdGlmeTsNCgkJfQ0KCQkjZGVtbyB7DQoJCQlmb250LXdlaWdodDpib2xkOw0KCQkJY29sb3I6Z3JlZW47DQoJCX0NCgk8L3N0eWxlPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4gOjotd2Via2l0LXNjcm9sbGJhcnt3aWR0aDo3cHg7aGVpZ2h0OjdweDt9Ojotd2Via2l0LXNjcm9sbGJhci10cmFja3tiYWNrZ3JvdW5kOiNmZmY7fTo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJ7Ym9yZGVyLXJhZGl1czo1cHg7YmFja2dyb3VuZDojMmY0NWZmO308L3N0eWxlPjwvaGVhZD4NCg0KPGJvZHk+DQoJPGNlbnRlcj4NCgkJPGgxPkNsb3NlVGFnPC9oMT4NCgkJDQoJCTxoMj5PZmZzZXRIZWlnaHQgYW5kIENsaWVudEhlaWdodDwvaDI+DQoJDQoJCTxidXR0b24gb25jbGljaz0ibXlmdW4oKSI+DQoJCQlDbGljayBIZXJlIQ0KCQk8L2J1dHRvbj4NCgkNCgkJPGRpdiBpZD0iR0ZHIj4NCgkJCVRoaXMgY291cnNlIGlzIGZvY3VzZWQgb24gRGF0YSBTdHJ1Y3R1cmVzDQoJCQkmIEFsZ29yaXRobXMgYW5kIHdpbGwgaGVscCB5b3UgdG8gcHJlcGFyZQ0KCQkJZm9yIHByb2R1Y3QtYmFzZWQgY29tcGFuaWVzIGxpa2UgTWljcm9zb2Z0LA0KCQkJQW1hem9uLCBBZG9iZSwgZXRjLiBUaGlzIGlzIGFuIG9ubGluZQ0KCQkJbGVhcm5pbmcgcHJvZ3JhbSB3aGljaCBjYW4gYmUgY29tcGxldGVkDQoJCQlhY2NvcmRpbmcgdG8geW91ciBwYWNlLiBUaGUgY291cnNlDQoJCQljdXJyaWN1bHVtIGhhcyBiZWVuIGRpdmlkZWQgaW50byAxMCB3ZWVrcw0KCQkJd2hlcmUgeW91IGNhbiBwcmFjdGljZSB0aGUgcXVlc3Rpb24gJg0KCQkJYXR0ZW1wdCB0aGUgQ29udGVzdCBhY2NvcmRpbmcgdG8geW91cg0KCQkJdGltZSBjb252ZW5pZW5jZS4gVGhlIGNvdXJzZSBjb250ZW50IGluY2x1ZGVzDQoJCQlwcmUtcmVjb3JkZWQgcHJlbWl1bSBWaWRlbyBsZWN0dXJlcyAmDQoJCQlwcm9ncmFtbWluZyBxdWVzdGlvbnMgZm9yIHByYWN0aWNlLiBZb3Ugd2lsbA0KCQkJbGVhcm4gYWxnb3JpdGhtaWMgdGVjaG5pcXVlcyBmb3Igc29sdmluZw0KCQkJdmFyaW91cyBjb21wdXRhdGlvbmFsIHByb2JsZW1zIGFuZCB3aWxsDQoJCQlpbXBsZW1lbnQgbW9yZSB0aGFuIDIwMCBhbGdvcml0aG1pYyBjb2RpbmcNCgkJCXByb2JsZW1zLg0KCQk8L2Rpdj4NCgkJDQoJCTxkaXYgaWQ9ImRlbW8iPjwvZGl2Pg0KCQkNCgkNCgkJPHNjcmlwdD4NCgkJCWZ1bmN0aW9uIG15ZnVuKCkgew0KCQkJCQ0KCQkJCXZhciBlbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoIkdGRyIpOw0KCQkJCXZhciB0ZXh0ID0gIiI7DQoJCQkJDQoJCQkJdGV4dCArPSAiQ2xpZW50SGVpZ2h0OiAiICsgZWxlbWVudC5jbGllbnRIZWlnaHQNCgkJCQkJCQkrICJweCIgKyAiPGJyPiI7DQoJCQkJDQoNCgkJCQkNCgkJCQlkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiZGVtbyIpLmlubmVySFRNTCA9IHRleHQ7DQoJCQl9DQoJCTwvc2NyaXB0Pg0KCTwvY2VudGVyPg0KPC9ib2R5Pg0KDQo8L2h0bWw+