CSS Paged Media (@page)

CSS Paged Media (@page)

CSS at-rule (@page) to define page-specific rules when printing web pages, such as margin per page and page dimensions.

Spec https://drafts.csswg.org/css-page-3/
Status W3C Working Draft
IE Edge Firefox Chrome Safari Opera
    57 (1) 62    
    56 (1) 61 TP 48
  16 (1) 55 (1) 60 11 47
11 (1) 15 (1) 54 (1) 59 10.1 46
10 (1) 14 (1) 53 (1) 58 10 45
9 (1) 13 (1) 52 (1) 57 9.1 44
8 (1) 12 (1) 51 (1) 56 9 43
Show all
7   50 (1) 55 8 42
6   49 (1) 54 7.1 41
5.5   48 (1) 53 7 40
    47 (1) 52 6.1 39
    46 (1) 51 6 38
    45 (1) 50 5.1 37
    44 (1) 49 5 36
    43 (1) 48 4 35
    42 (1) 47 3.2 34
    41 (1) 46 3.1 33
    40 (1) 45   32
    39 (1) 44   31
    38 (1) 43   30
    37 (1) 42   29
    36 (1) 41   28
    35 (1) 40   27
    34 (1) 39   26
    33 (1) 38   25
    32 (1) 37   24
    31 (1) 36   23
    30 (1) 35   22
    29 (1) 34   21
    28 (1) 33   20
    27 (1) 32   19
    26 (1) 31   18
    25 (1) 30   17
    24 (1) 29   16
    23 (1) 28   15
    22 (1) 27   12.1 (1)
    21 (1) 26   12 (1)
    20 (1) 25   11.6 (1)
    19 (1) 24   11.5 (1)
    18 23   11.1 (1)
    17 22   11 (1)
    16 21   10.6 (1)
    15 20   10.5 (1)
    14 19   10.0-10.1 (1)
    13 18   9.5-9.6 (1)
    12 17   9 (1)
    11 16    
    10 15    
    9 14    
    8 13    
    7 12    
    6 11    
    5 10    
    4 9    
    3.6 8    
    3.5 7    
    3 6    
    2 5    
      4    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
11                      
10.3 all 56 10 37 (2) 59 54 (1) 11 (2) 11.4 (2) 5 1.2 7.12
10.0-10.2   4.4.3-4.4.4 7 12.1     10 (2)   4    
9.3   4.4   12              
9.0-9.2   4.2-4.3   11.5              
Show all
8.1-8.4   4.1   11.1              
8   4   11              
7.0-7.1   3   10              
6.0-6.1   2.3                  
5.0-5.1   2.2                  
4.2-4.3   2.1                  
4.0-4.1                      
3.2                      

Notes

Currently no browsers appear to support the marks & bleed properties from the latest version of the specification.

  1. Does not support the size property

  2. Does not appear to have a way to print web pages

Bugs

  • Presto-based Opera (<= 12.1) recognizes the size property, but seems to have buggy behavior in interpreting the dimensions.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-paged-media

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部