@page

Baseline 2024 *

Newly available

Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

* Some parts of this feature may have varying levels of support.

@page CSS @ê·ì¹ì ë¬¸ìë¥¼ ì¸ìí ë ì¼ë¶ CSS ìì±ì ìì íë ë° ì°ìëë¤. @pageë¡ ëª¨ë CSS ìì±ì ë°ê¿ ìë ììµëë¤. ë¬¸ìì margin, orphan, widow(ìë¨ìì ëì´ì¨ ì§¤ë§í í) ë° page breakë§ ë°ê¿ ì ììµëë¤. ë¤ë¥¸ CSS ìì±ì ë°ê¾¸ë ¤ë ìëë ë¬´ìë©ëë¤.

css

@page {
  margin: 1cm;
}

@page :first {
  margin: 2cm;
}

@page @ê·ì¹ì CSS ê°ì²´ ëª¨ë¸ ì¸í°íì´ì¤ CSSPageRuleë¥¼ íµí´ ì¡ì¸ì¤ë ì ììµëë¤.

ì°¸ê³ : W3Cì viewport ê´ë ¨ <length> ë¨ì, vh, vw, vmin ë° vmax ì²ë¦¬ë²ì ë¼ì ì¤ìëë¤. ê·¸ ëìì @page @ê·ì¹ ë´ìì ì¬ì©íì§ ë§ì¸ì.

êµ¬ë¬¸

ìì ì

size: íì´ì§ ë°ì¤ ë´ í¬í¨ ë¸ë¡ì ëì(target) í¬ê¸° ë° ë°©í¥ì ì§ì í©ëë¤. í íì´ì§ ë°ì¤ê° í íì´ì§ ìí¸ì ë ëë§ ëë ì¼ë°ì ì¸ ê²½ì°ì, ëí ëì(destination) íì´ì§ ìí¸ì í¬ê¸°ë¥¼ ëíëëë¤.
marks: ë¬¸ìì crop ë°/ëë registration ë§í¬ë¥¼ ì¶ê°í©ëë¤.
bleed: íì´ì§ ë ëë§ì´ ìë¦¬ë(clip) íì´ì§ ë°ì¤ ëë¨¸ ë²ìë¥¼ ì§ì í©ëë¤.

íì êµ¬ë¬¸

@page = 
  @page <page-selector-list>? { <declaration-rule-list> }  

<page-selector-list> = 
  <page-selector>#  

<page-selector> = 
  [ <ident-token>? <pseudo-page>* ]!  

<pseudo-page> = 
  : [ left | right | first | blank ]