エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSで印刷時にある要素の途中で改ページされないようにする | KEYPOINT – キー・ポイント株式会社 開発日誌
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSで印刷時にある要素の途中で改ページされないようにする | KEYPOINT – キー・ポイント株式会社 開発日誌
記憶にないぐらい久々に記事を書いているHIGAです。これからは軽いネタをバンバン出すスタイルでいこう... 記憶にないぐらい久々に記事を書いているHIGAです。これからは軽いネタをバンバン出すスタイルでいこうと思いますので、今回の記事も軽い内容となります。 最近CSSで印刷レイアウトを調整していたとき、改ページを制御する、具体的にはある要素の途中で改ページされるのを防ぐ方法はないかと思い調べてみました。 結果、CSSプロパティで制御できることが分かりました。 CSSプロパティの概要 ・break-before ・break-inside ・break-after それぞれ、生成されたボックスの(前|途中|後)で、ページ、段、領域をどのように区切るかを設定するプロパティです。 画面表示にも印刷レイアウト(ページメディア)にも有効なプロパティです。 設定するキーワードにより強制的に改ページさせたり、させなかったり色々と設定できます。 改ページを禁止する方法 今回は前述の通り、印刷時にある要素の途中で