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

JavaScriptを使用して要素内のページ分割動作を設定するにはどうすればよいですか？

pageBreakInsideを使用します JavaScriptのプロパティを使用して、要素内のページ分割動作を設定します。 自動を使用する 要素内にページ分割を挿入するプロパティ。 自動を使用する または避ける 必要に応じて要素内にページ分割を自動的に挿入するか、ページ分割を回避するためのプロパティ値。

注 −変更は、印刷中または印刷プレビューの表示中に表示されます。

例

次のコードを実行して、JavaScriptを使用した要素内のページ分割動作を返すことができます-

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p>This is demo text.</p>
      <p>This is demo text.</p>
      <p id = "myFooter">This if footer text.</p>
      <button type = "button" onclick="display()"> Set page-break </button>
     
      <script>
         function display() {
            document.getElementById("myFooter").style.pageBreakInside = "auto";
         }
      </script>
   </body>
</html>

  1. JavaScriptで要素の下マージンを設定するにはどうすればよいですか？

    marginBottomを使用します JavaScriptのプロパティ。下マージンを設定します。 例 次のコードを実行して、JavaScriptで要素の下マージンを設定することができます- <!DOCTYPE html> <html>    <body>       <p id="myID">This is demo text.</p>       <button type="button" onclick

  2. JavaScriptで要素のマージンを設定するにはどうすればよいですか？

    マージンを使用する JavaScriptのプロパティ。マージンを設定します。次のコードを実行して、JavaScriptで要素のマージンを設定してみてください- 例 <!DOCTYPE html> <html>    <body>       <button type="button" onclick="display()">Set all four margins</button>       <p id=