Introduction
This chapter demonstrates about the CSS Paged Media which is the reference of web safe custom fonts and following are the concepts covered in this chapter.
- Paged and Media References
- View port Properties
Description
Which have the references of the paged and media references in which there are several properties are available in those properties some are listed below.
| Property | Description | Values | Intial Values |
|---|---|---|---|
| break-after | In which coloumsn or page breaks should not placed after the element. | auto always avoid left right coloumn avoidavoid-page coloumn | auto |
| break-before | In which coloumsn or page breaks should not placed before the element. | auto always avoid left right coloumn avoidavoid-page coloumn | auto |
| break-inside | In which coloumsn or page breaks should should be avoided with in the element. | auto left right coloumn avoidavoid-page coloumn | auto |
| marks | Which is used to define whether cross or crop marks should be added in media. | auto angle | auto |
| page | Which shows the displayed element page type. | auto identifier | auto |
| orphans | Which defines the number of lines which can be left at the bottom of the page. | auto always avoid left right | auto |
| page-break-after | In which one or more page breaks should be palced after the element. | auto always avoid left | auto |
| page-break-before | In which one or more page breaks should be palced before the element. | auto always avoid left | auto |
| page-break-inside | In which page breaks should be avoided with in the element. | auto avoid | auto |
| widow | Which defines the number of text lines which can be left at the top of the page. | integer | auto |
Description
CSS Paged media have the some view port properties and its description and its values. In which some are the properties are tabulated below.
@ View Port Properties
CSS Paged media contains some of the View port properties in which some are tabulated below.
| Property | Values | Description |
|---|---|---|
| width | Integer or constant | Which sets the view port width. |
| height | Integer or constant | Which sets the view port height. |
| intial scale | Number | Which sets intial scaling factor. |
| maximum-scale | Number | Which touch maximum scaling factor ranges from 0.1-10 |
| minium-scale | Number | Which sets the minimum scaling factoe ranges from 0.1-10. |
| user-scaling | yes or no | Which can be determined whether the display can be zoomed in and out.. |
| Property | Min/Max | Description |
|---|---|---|
| width | yes | Which sets the view port width. |
| height | yes | Which sets the view port height. |
| zoom | yes | Which sets scaling factor as a multiplier or percentage. |
| orientation | no | Which locks the document in specified orientation |
| resolution | Number | In Which the default value is auto i which pixels length are mapped to the physicals pixels.. |
Key Points
- CSS Paged media contains @ view port properties.
- CSS Paged media have the different values.