ホームページ > ウェブフロントエンド > フロントエンドQ&A > CSSの改ページ前属性の使い方

CSSの改ページ前属性の使い方

青灯夜游
リリース: 2019-05-29 14:47:46
オリジナル
2837 人が閲覧しました

css page-break-before 属性は、指定された要素の前に改ページを追加するために使用されます。この属性は絶対位置の要素では使用できず、表、浮動要素、境界線のあるブロック要素でも使用しないようにする必要があることに注意してください。すべてのブラウザは、改ページ前属性をサポートしています。

CSSの改ページ前属性の使い方

CSS の page-break-before 属性を使用するにはどうすればよいですか?

page-break-before プロパティは、指定された要素の前に改ページを追加します。

注: always を使用して改ページを強制することはできますが、改ページの挿入が回避されるという保証はありません。作成者ができることは、ユーザー エージェントに次のことを要求することだけです。改ページの挿入はできる限り避けてください。適用対象: 位置値が相対的または静的である非浮動ブロックレベル要素。

注: すべての主要なブラウザは、改ページ前属性をサポートしています。プロパティ値「left」、「right」、および「inherit」は、Internet Explorer (IE8 を含む) のどのバージョンでもサポートされていません。 Firefox、Chrome、Safari は、属性値「avoid」、「left」、「right」をサポートしていません。

css page-break-before 属性 例

要素の前に常に改ページを挿入します:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
@media print {
    h1 {page-break-before: always;}
}
</style>
</head>
<body>
....
</body>
</html>
ログイン後にコピー

以上がCSSの改ページ前属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート