![]() The three terms "block-level box," "block container box," and Block-level boxes that are also block containers are Not all blockĬontainer boxes are block-level boxes: non-replaced inline blocksĪnd non-replaced table cells are block containers but not block-levelīoxes. Replaced elements, a block-level box is also a block container box.Ĭontains only block-level boxes or establishes an inline formattingĬontext and thus contains only inline-level boxes. Placed with respect to the principal box.Įxcept for table boxes, which are described in a later chapter, and Some block-level elements may generate additional boxes in addition The following values of the 'display' property make an elementīlock-level: 'block', 'list-item', and 'table'.īlock-level element generates a principal block-levelīox that contains descendant boxes and generatedĬontent and is also the box involved in any positioning scheme. The 'display' property, described below,ĩ.2.1 Block-level elements and block boxesīlock-level elements are those elements of the source document that are formatted visually asīlocks (e.g., paragraphs). A box's type affects, in part, its behavior in the The following sections describe the types of boxes that may be How a containing block's dimensions are calculated are described in The phrase "a box's containing block" means "theĬontaining block in which the box lives," not the one it generates.Įach box is given a position with respect to its containing block,īut it is not confined by this containing block it may overflow. General, generated boxes act as containing blocks for descendantīoxes we say that a box "establishes" the containing block for itsĭescendants. Of a rectangular box called a containing block. In CSS 2.1, many box positions and sizes are calculated with respect ![]() The document is rendered, the user agent should offer a scrollingĪgents may render to more than one canvas (i.e., provide different When the viewport is smaller than the area of the canvas on which Viewport is resized (see the initial containing block). User agents may change the document's layout when the Viewing area on the screen) through which users consult aĭocument. Generally offer users a viewport (a window or other Conforming user agents may behaveĭifferently for those formatting issues not covered by this The visual formatting model does not specify all aspects ofįormatting (e.g., it does not specify a letter-spacing algorithm). Properties vary when applied to paged media (see the page model for details). The properties defined in this chapter and the next apply to both
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |