Search within TutorialsPark

CSS3 Paged Media


A Reference of Websafe and Custom fonts.


CSS Paged and Media References

Property Description Values Initial Value
break-after Defines whether a column or page break should or should not be placed after the element auto
always
avoid
left
right
page
column
avoid-page
avoid-column
auto
break-before Defines whether a column or page break should or should not be placed before the element auto
always
avoid
left
right
page
column
avoid-page
avoid-column
auto
break-inside Defines whether a column or page break should be avoided within the element auto
avoid
avoid-page
avoid-column
auto
image-orientation Defines a clockwisr rotation angle for images when displayed in paged media auto
angle
auto
marks Defines whether cross or crop marks should be added to the display of a page [crop || cross]
none
auto
orphans Defines the minimum number of trext lines within an element that can be left at the bottom of a page integer auto
page Defines the page type that should be used when displaying the element auto
indentifier
auto
page-break-after Defines whether one or more page breaks should be placed after an element auto
always
avoid
left
right
auto
page-break-before Defines whether one or more page breaks should be placed before an element auto
always
avoid
left
right
auto
page-break-inside Defines whether a page break should be avoided within the element auto
avoid
auto
page-policy Defines how to determine the value of a counter or string value with regards to a page-based element start
first
last
auto
size Defines the size and orientation of a page box auto
length{1,2}
page-size
portrait
landspace
auto
widow Defines the minimum number of text lines within an element that can be left at the top of page integer auto

Table: Media features to test device capabilities

Feature Value Min/Max Description
width Length Yes Width of display area
height Length Yes Height of display area
device-width Length Yes Width of display
device-height Length Yes Height of display
orientation portrait/landscape Yes Height of device
aspect-ratio Ratio Yes Ratio of width to height
device-aspect-ratio Ratio Yes Ratio of device-width to device-height
color Integer Yes Number of bits per color component
color-index Integer Yes Number of entries in the device's color lookup table
monochrome Integer Yes Number of bits per pixel in the monochrome frame buffer
resolution Resolution Yes Density of pixels of the output device.
scan progressive
interlace
No Scanning process used by TV device
grid 0 or 1 No If set to 1, the device is grid-based, such as a teletype terminal or phone display with obly one fixed font

Table: Viewport Properties

Property Value Description
width Integer or Constant Sets the viewport width
height Integer or constant Sets the viewport height
initial-scale Number Sets the initial scaling factor
minimum-scale Number Sets the minimum scaling factor in the range 0.1 - 10
maximum-scale Number Sets the maximum scaling factor in the range 0.1 - 10
user-scaling yes or no Determines whether the display can be zoomed in and out
target-densitydpi Integer or Constant Scales the page up or down depending on the pixel density of the device

Table: @viewport Properties

Property Min/Max Description
width Yes Sets the viewport width
height Yes Sets the viewport height
zoom Yes Sets the scaling factor as a multiplier or percentage
user-zoom No The default value is zoom, which permits scaling. It set a fixed, the user is not allowed to scale the page
orientation No Locks the document in the specified orientation, portrait or landscape
resolution No The default is auto, which uses CSS pixels.If set to device , pixel length are mapped to the device's physical pixels

Related Examples.