これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

CSSbleed @-規則記述子は、 @page @-規則で使用し、ページボックスの外にあるページの裁ち落とし領域の大きさを指定します。このプロパティは、 marks プロパティを使用して裁ち落とし記号を有効にしている場合のみ効果があります。

関連する @規則@page
初期値auto
メディア一括指定の各プロパティとして
  • visual: DB に値が見つかりません!
  • paged: DB に値が見つかりません!
計算値指定値
正規順序形式文法で定義される一意のあいまいでない順序

構文

/* キーワード値 */
bleed: auto;

/* <length> 値 */
bleed: 8pt;
bleed: 1cm;

auto
markscrop の場合、 6pt に計算します。それ以外の場合はゼロに計算します。
<length>
ページボックスの外に裁ち落とし領域を、各方向に、どれだけ広げるかを指定します。値は負の数にすることができますが、実装に依存する制限があるかもしれません。

形式文法

auto | <length>

@page {
  bleed: 1cm;
}

仕様書

仕様書 状態 備考
CSS Paged Media Module Level 3
bleed の定義
草案 初回定義。

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応
実験的
Chrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

凡例

実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,