回答編集履歴
5
説明を追記
test
CHANGED
|
@@ -5,5 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
CSSをDevtoolsから変更する方法がわからないようでしたら、この質問のようにelement.styleを変更するのがいいかと思います。
|
|
7
7
|
[インライン修飾機能：elements.style](https://teratail.com/questions/osmdco2mlvh9sz)
|
|
8
|
+
つまり、改ページをしたい要素のstyle属性に`break-before: page;`を入れる、ということです。
|
|
9
|
+
|
|
8
10
|
|
|
9
11
|
[break-before - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/break-before)
|
4
リンクを追加
test
CHANGED
|
@@ -4,5 +4,6 @@
|
|
|
4
4
|
そうすると印刷時に改ページされるようになります。
|
|
5
5
|
|
|
6
6
|
CSSをDevtoolsから変更する方法がわからないようでしたら、この質問のようにelement.styleを変更するのがいいかと思います。
|
|
7
|
+
[インライン修飾機能：elements.style](https://teratail.com/questions/osmdco2mlvh9sz)
|
|
7
8
|
|
|
8
9
|
[break-before - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/break-before)
|
3
まだわからないということらしいので追記
test
CHANGED
|
@@ -2,4 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
その部分の要素に、CSSで`break-before: page;`を適用してはいかがでしょうか。
|
|
4
4
|
そうすると印刷時に改ページされるようになります。
|
|
5
|
+
|
|
6
|
+
CSSをDevtoolsから変更する方法がわからないようでしたら、この質問のようにelement.styleを変更するのがいいかと思います。
|
|
7
|
+
|
|
5
8
|
[break-before - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/break-before)
|
2
わかりにくい、とのことなので追記。
test
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
>__黒の線から↓を次ページにしたい__
|
|
2
2
|
|
|
3
3
|
その部分の要素に、CSSで`break-before: page;`を適用してはいかがでしょうか。
|
|
4
|
+
そうすると印刷時に改ページされるようになります。
|
|
4
5
|
[break-before - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/break-before)
|
1
わかりにくいとのことなので、文章を丁寧にしました。
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
>__黒の線から↓を次ページにしたい__
|
|
2
2
|
|
|
3
|
-
`break-before: page;`
|
|
3
|
+
その部分の要素に、CSSで`break-before: page;`を適用してはいかがでしょうか。
|
|
4
4
|
[break-before - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/break-before)
|