bleed

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

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 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
bleed descriptor
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。

関連情報