Modele

<!DOCTYPE html>
<html>

<head>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<title>Modele</title>

	<style>

		body	{background-image:radial-gradient(circle,#eeeeee,#d8d7c0,#A2D3D8);}
		textarea	{position:absolute;left:10px;top:10px;height:97%;width:98%;border:0 solid #c4bc8b;background-color:#eeeeee;color:green;font-size:16px;}

	</style>

	<script>
			
		function initPage()	{resizeWindow();}

		function resizeWindow()	{
			let w=window.innerWidth;let h=window.innerHeight;
			//SetStyle("H",[["el1",h-25],["el2",h-25]]);
			//SetStyle("W",[["el1",w-145]]);
			function SetStyle(e,t){
				for(let l=0;l<t.length;l++){let el=document.getElementById(t[l][0]).style,v=t[l][1]+"px";
					switch(e){case"T":el.top=v;break;case"L":el.left=v;break;case"W":el.width=v;break;case"H":el.height=v;break;}
				}
			}
		}

	</script>

</head>

<body onload="initPage()" onresize="resizeWindow()">
	<textarea>
	</ textarea>
</body>

</html>