Abstract
The fundamental design pattern in CSS is the Box Model. The Box Model defines how elements are rendered as boxes. There are six main types of boxes: inline, inline-block, block, table, absolute, and floated. A browser renders each element as one of these boxes. Some elements are rendered in a variation of one of these boxes, such as a list item or table cell. For example, list-item is a block box with an inline marker automatically created by the browser, and table-cell is a block box that does not support margins.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
Preview
Unable to display preview. Download preview PDF.
Rights and permissions
Copyright information
© 2011 Michael Bowers, Dionysios Synodinos, and Victor Sumner
About this chapter
Cite this chapter
Bowers, M., Synodinos, D., Sumner, V. (2011). Box Models. In: Pro HTML5 and CSS3 Design Patterns. Apress. https://doi.org/10.1007/978-1-4302-3781-5_4
Download citation
DOI: https://doi.org/10.1007/978-1-4302-3781-5_4
Publisher Name: Apress
Print ISBN: 978-1-4302-3780-8
Online ISBN: 978-1-4302-3781-5
eBook Packages: Professional and Applied ComputingProfessional and Applied Computing (R0)Apress Access Books