The resulting layout is undefined in CSS 2.1. If the containing block's width depends on this element's width, then With respect to the width of the generated box's Values have the following meanings: Specifies the width of the content area using a length unit. Is given by the their containing block, but may be Recall that inline boxes flow into line boxes. Of a non-replaced inline element's boxes is that of the renderedĬontent within them ( before any relative offset ofĬhildren). This property does not apply to non-replaced inline elements. This property specifies the content width of boxes. Media: visual Computed value: the percentage or 'auto' as specified or the absolute length
Percentages: refer to width of containing block
'width' Value: | | auto | inherit Initial: autoĪpplies to: all elements but non-replaced inline elements, table rows, and row groups The nearest positioned ancestor box (i.e., that generated The table of containing blocks becomes: For box generated byīy positioning "em1", its containing block becomes With no positioning, the containing blocks (C.B.) in theĪre established as follows: For box generated by Width on each page and that there may be device-specific limits. on another location on the current page,īlock-level element that is split over several pages may have a different.Rendered for printing, printers may place the content Resolves to a position on the current page which has already been Page other than the page being laid out (the current page), or The element may subsequently be broken overįor absolutely positioned content that resolves to a position on a Relative to its containing block ignoring any page breaks (as if theĭocument were continuous). In paged media, an absolutely positioned element is positioned If there is no such ancestor, the containing block is the initial In CSS 2.1, if the inlineĪcross multiple lines, the containing block is undefined. In the case that the ancestor is an inline element, the containingīlock is the bounding box around the padding boxes of the first and.If the element has 'position: absolute', the containing block isĮstablished by the nearest ancestor with a 'position' of 'absolute', 'relative'.In the case of continuous media or the page area in the case of paged media. If the element has 'position: fixed', the containing block is.The containing block is formed by the content edge of the nearest For other elements, if the element's position is 'relative' or 'static',.The 'direction' property of the initialĬontaining block is the same as for the root element. Media, it has the dimensions of the viewport and is anchored at theįor paged media. The containing block of an elementĮlement lives is a rectangle called the initial containing block. The position and size of an element's box(es) are sometimesĬalculated relative to a certain rectangle, called the containingīlock of the element. The CSS Working Group is also developing CSS level 2 revision 2 (CSS 2.2). Please, see "Cascading Style Sheets (CSS) - The Official Definition" in the latest CSS Snapshot for a list of specifications and the sections they replace. Note: Several sections of this specification have been updated by other specifications. 10.8 Line height calculations: the 'line-height' and 'vertical-align' properties.10.7 Minimum and maximum heights: 'min-height' and 'max-height'.10.6.7 'Auto' heights for block formatting context roots.10.6.5 Absolutely positioned, replaced elements.10.6.4 Absolutely positioned, non-replaced elements.10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'.10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements.10.5 Content height: the 'height' property.10.4 Minimum and maximum widths: 'min-width' and 'max-width'.10.3.10 'Inline-block', replaced elements in normal flow.10.3.9 'Inline-block', non-replaced elements in normal flow.10.3.8 Absolutely positioned, replaced elements.
10.3.7 Absolutely positioned, non-replaced elements.10.3.4 Block-level, replaced elements in normal flow.10.3.3 Block-level, non-replaced elements in normal flow.10.2 Content width: the 'width' property.
0 kommentar(er)
