Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで要素の最大の高さを設定するにはどうすればよいですか？

maxHeightを使用する JavaScriptのプロパティを使用して、最大の高さを設定します。次のコードを実行して、JavaScriptで要素の最大の高さを設定してみてください-

例

<!DOCTYPE html>
<html>
<head>
<style>
   #box {
      width: 300px;
      background-color: gray;
      overflow: auto;
   }
</style>
</head>
<body>
<p>Click below to set Maximum height.</p>
<button type="button" onclick="display()">Max Height</button>
<div id="box">
<p>This is a div. This is a div. This is a div.<p>
<p>This is a div. This is a div. This is a div.<p>
<p>This is a div. This is a div. This is a div.<p>
<p>This is a div. This is a div. This is a div.<p>
<p>This is a div. This is a div. This is a div.<p>
</div>
<br>
<script>
   function display() {
      document.getElementById("box").style.maxHeight = "70px";
   }
</script>
</body>
</html>

  1. JavaScriptで要素の周りのアウトラインの幅を設定するにはどうすればよいですか？

    アウトラインの幅を設定するには、outlineWidthを使用します 財産。次のコードを実行して、JavaScriptで要素の周囲のアウトラインの幅を設定してみてください- 例 <!DOCTYPE html> <html>    <head>       <style>          #box {             width: 450px;     &n

  2. JavaScriptで要素の周りの輪郭の色を設定するにはどうすればよいですか？

    アウトラインの色を設定するには、outlineColorを使用します 財産。次のコードを実行して、JavaScriptを使用して要素の周囲の輪郭の色を設定してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          #box {             width: 450px;     &n