+
10.1 Definition of "containing block"

absposcontainingblock001 


Containing block for fixed positioning

absposcontainingblock002 


Containing block for absolute positioning

absposcontainingblock003 


Containing block for absolute positioning

absposcontainingblock004 


Containing block for absolute positioning

absposcontainingblock005 


Containing block for absolute positioning

absposcontainingblock006 


Containing block for absolute positioning

absposcontainingblock007 


Containing block for absolute positioning

absposcontainingblock008 


Containing block for absolute positioning

absposcontainingblock009 


Containing block for absolute positioning

absposcontainingblock010 


Absolute Positioning: Containing Block of Top Level Absolutely Positioned Block

absposcontainingblockinitial001 
= 
DOM/JS 
Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial004a 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial004b 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial004c 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial004d 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial004e 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial004f 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial005a 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial005b 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial005c 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial005d 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial007 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial009a 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial009b 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial009e 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

absposcontainingblockinitial009f 
= 

Test for containing block for absolutely positioned elements being initial containing block
 If there is no such ancestor, the containing block is the initial containing block.

anonymousboxes001 
= 

Percent heights inside anonymous blocks
 Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest nonanonymous ancestor box is used instead.

backgroundroot017 

Interact 
Height of root element

containingblock001 


Containing block for relative positioned elements is nearest blocklevel ancestor
 If the element's position is 'relative', the containing block is formed by the content edge of the nearest blocklevel ancestor box.

containingblock002 


Containing block for relative positioned elements is nearest table cell ancestor
 If the element's position is 'relative', the containing block is formed by the content edge of the nearest table cell ancestor box.

containingblock003 


Containing block for relative positioned elements is nearest inlineblock ancestor
 If the element's position is 'relative', the containing block is formed by the content edge of the nearest inlineblock ancestor box.

containingblock004 


Containing block for static positioned elements is nearest blocklevel ancestor
 If the element's position is 'static', the containing block is formed by the content edge of the nearest blocklevel ancestor box.

containingblock005 


Containing block for static positioned elements is nearest table cell ancestor
 If the element's position is 'static', the containing block is formed by the content edge of the nearest table cell ancestor box.

containingblock006 


Containing block for static positioned elements is nearest inlineblock ancestor
 If the element's position is 'static', the containing block is formed by the content edge of the nearest inlineblock ancestor box.

containingblock007 


Initial containing block for fixed positioned elements
 The containing block is established by the viewport when an element uses fixed positioning.

containingblock008 


Containing block for absolute positioned elements is nearest positioned (absolute) ancestor
 If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.

containingblock009 


Containing block for absolute positioned elements is nearest positioned (relative) ancestor
 If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.

containingblock010 


Containing block for absolute positioned elements is nearest positioned (fixed) ancestor
 If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.

containingblock011 


Containing Blocks  Inlinelevel elements position based on lefttoright direction and parent element is relative
 If the ancestor is inlinelevel, positioned absolute, and direction is lefttoright, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.

containingblock013 


Containing Blocks  Inlinelevel elements position based on lefttoright direction and parent element is absolute
 If the ancestor is inlinelevel, positioned absolute, and direction is lefttoright, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.

containingblock015 


Containing Blocks  Inlinelevel elements position based on lefttoright direction and parent element is fixed
 If the ancestor is inlinelevel, positioned absolute, and direction is lefttoright, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.

containingblock017 

DOM/JSInteract 
Containing Blocks  Blocklevel elements position based on lefttoright direction and parent element is relative
 The containing block of an absolutely positioned blocklevel element is formed by the padding edge of its nearest (closest) positioned ancestor element.

containingblock018 

DOM/JSInteract 
Containing Blocks  Blocklevel elements position based on righttoleft direction and parent element is relative
 The containing block of an absolutely positioned blocklevel element is formed by the padding edge of its nearest (closest) positioned ancestor element.

containingblock019 


Containing Blocks  Blocklevel elements position based on lefttoright direction and parent element is absolute
 The containing block is formed by the padding edge for blocklevel elements.

containingblock020 


Containing Blocks  Blocklevel elements position based on righttoleft direction and parent element is absolute
 The contining block is formed by the padding edge for blocklevel elements.

containingblock021 


Containing Blocks  Blocklevel elements position based on lefttoright direction and parent element is fixed
 The containing block is formed by the padding edge for blocklevel elements.

containingblock022 


Containing Blocks  Blocklevel elements position based on righttoleft direction and parent element is fixed
 The contining block is formed by the padding edge for blocklevel elements.

containingblock023 


Containing Blocks  Fall back to Initial containing block
 When there are no positioned ancestors then the initial containing block is used.

containingblock024 

Paged 
Containing block and absolutely positioned element in paged media
 An absolutely positioned element ignores page breaks in paged media.

containingblock025 

OptionalPaged 
Containing block and absolutely positioned element in paged media positioned off first page
 An absolutely positioned element positioned beyond the boundaries of the page being laid out can be omitted, rendered on the current page or on a following page.

containingblock031 

Ahem 
containing block  absolutely positioned elements inside inlinelevel relative elements
 If the nearest positioned ancestor of an absolutely positioned element is inlinelevel and direction is 'ltr', then the top and left of the containing block are the top and left padding edges of the first box generated by the ancestor, and the bottom and right are the bottom and right padding edges of the last box of the ancestor

minheightpercentage003 


minheight  100% of the initial containing block's height
 The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'minheight: 100%;' of the document root element should use all of the document root element's height. A percentage for 'minheight' is calculated with respect to the height of the generated box's containing block.

pagebreakinside000 

Paged 
pagebreakinside:auto
 The 'auto' value of the 'pagebreakinside' property neither forces nor forbids a page break inside the box.

pagecontainer008 

Paged 
Paged Media Canvas Background
 For documents in the html namespace, a background on 'html' will cover the page area but not the margin area.

pagecontainer009 

Paged 
Paged Media Body Background
 For documents in the html namespace, a background on 'body' will cover the page area.

rootcanvas001 


Canvas: Embedded documents

tablepercentwidth001 


Testing percent widths of kids of anonymous table cells
 Percentage width kids of anonymous cells should use anonymous cell as containing block

+
10.2 Content width: the 'width' property

blocks011 


CSS Block Box Model: overconstrained horizontal box model and minimum widths

blocks012 


CSS Block Box Model: overconstrained horizontal box model and minimum widths

blocks013 


CSS Block Box Model: overconstrained horizontal box model and minimum widths

blocks014 


CSS Block Box Model: sane horizontal box model and minimum widths

blocks015 


CSS Block Box Model: sane horizontal box model and minimum widths

blocks016 


CSS Block Box Model: sane horizontal box model and minimum widths

blocks020 

Ahem 
CSS Block Box Model: block widths with position:relative

blocks021 

Ahem 
CSS Block Box Model: block widths with position:absolute

blocks022 

Ahem 
CSS Block Box Model: block widths with position:static

blocks025 


Percentage Dimensions in Shrink Wrap Blocks

blocks026 


Percentage widths on INPUT elements with borders

c412blockw000 

AhemBitmaps 
Horizontal Formatting

c5502mrgnr003 


marginright

c5504mrgnl003 


marginleft

c5505mrgn003 

AhemBitmaps 
margin

c5507padnr003 

Invalid 
paddingright

c5523width000 

Bitmaps 
width

c5523width001 

Bitmaps 
width

c5523width002 

Bitmaps 
width

c5525fltwidth000 

Bitmaps 
float

floatnonreplacedwidth008 

Ahem 
'shrinktofit' width of floating, nonreplaced elements  maxwidth
 If 'width' of a floating, nonreplaced element computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If 'width' of a floating, nonreplaced element computes to 'auto' but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

floatnonreplacedwidth009 

Ahem 
'shrinktofit' width of floating, nonreplaced elements  maxwidth
 If 'width' of a floating, nonreplaced element computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If 'width' of a floating, nonreplaced element computes to 'auto' but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

floatnonreplacedwidth010 

Ahem 
'shrinktofit' width of floating, nonreplaced elements  width
 If 'width' of a floating, nonreplaced element computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' is specified with absolute length, then the computed value is the specified value. If 'width' of a floating, nonreplaced element computes to 'auto' but its own child uses specified absolute length, then such specified absolute length will define the preferred width in 'shrinktofit' width calculation.

width001 


Width using pixels with a minimum minus one value, 1px
 The 'width' property sets a minimum minus one length value in pixels.

width002 


Width using pixels with a minimum value, 0px
 The 'width' property sets a minimum length value in pixels.

width003 


Width using pixels with a minimum plus one value, 1px
 The 'width' property sets a minimum plus one length value in pixels.

width004 


Width using pixels with a negative zero value, 0px
 The 'width' property sets a negative zero length value in pixels.

width005 


Width using pixels with a positive zero value, +0px
 The 'width' property sets a positive zero length value in pixels.

width006 


Width using pixels with a nominal value, 96px
 The 'width' property sets a nominal length value in pixels.

width007 


Width using pixels with a positive nominal value, +96px
 The 'width' property sets a positive nominal length value in pixels.

width012 


Width using points with a minimum minus one value, 1pt
 The 'width' property sets a minimum minus one length value in points.

width013 


Width using points with a minimum value, 0pt
 The 'width' property sets a minimum length value in points.

width014 


Width using points with a minimum plus one value, 1pt
 The 'width' property sets a minimum plus one length value in points.

width015 


Width using points with a negative zero value, 0pt
 The 'width' property sets a negative zero length value in points.

width016 


Width using points with a positive zero value, +0pt
 The 'width' property sets a positive zero length value in points.

width017 


Width using points with a nominal value, 72pt
 The 'width' property sets a nominal length value in points.

width018 


Width using points with a positive nominal value, +72pt
 The 'width' property sets a positive nominal length value in points.

width023 


Width using picas with a minimum minus one value, 1pc
 The 'width' property sets a minimum minus one length value in picas.

width024 


Width using picas with a minimum value, 0pc
 The 'width' property sets a minimum length value in picas.

width025 


Width using picas with a minimum plus one value, 1pc
 The 'width' property sets a minimum plus one length value in picas.

width026 


Width using picas with a negative zero value, 0pc
 The 'width' property sets a negative zero length value in picas.

width027 


Width using picas with a positive zero value, +0pc
 The 'width' property sets a positive zero length value in picas.

width028 


Width using picas with a nominal value, 6pc
 The 'width' property sets a nominal length value in picas.

width029 


Width using picas with a positive nominal value, +6pc
 The 'width' property sets a positive nominal length value in picas.

width034 


Width using centimeters with a minimum minus one value, 1cm
 The 'width' property sets a minimum minus one length value in centimeters.

width035 


Width using centimeters with a minimum value, 0cm
 The 'width' property sets a minimum length value in centimeters.

width036 


Width using centimeters with a minimum plus one value, 1cm
 The 'width' property sets a minimum plus one length value in centimeters.

width037 


Width using centimeters with a negative zero value, 0cm
 The 'width' property sets a negative zero length value in centimeters.

width038 


Width using centimeters with a positive zero value, +0cm
 The 'width' property sets a positive zero length value in centimeters.

width039 


Width using centimeters with a nominal value, 2.54cm
 The 'width' property sets a nominal length value in centimeters.

width040 


Width using centimeters with a positive nominal value, +2.54cm
 The 'width' property sets a positive nominal length value in centimeters.

width045 


Width using millimeters with a minimum minus one value, 1mm
 The 'width' property sets a minimum minus one length value in millimeters.

width046 


Width using millimeters with a minimum value, 0mm
 The 'width' property sets a minimum length value in millimeters.

width047 


Width using millimeters with a minimum plus one value, 1mm
 The 'width' property sets a minimum plus one length value in millimeters.

width048 


Width using millimeters with a negative zero value, 0mm
 The 'width' property sets a negative zero length value in millimeters.

width049 


Width using millimeters with a positive zero value, +0mm
 The 'width' property sets a positive zero length value in millimeters.

width050 


Width using millimeters with a nominal value, 25.4mm
 The 'width' property sets a nominal length value in millimeters.

width051 


Width using millimeters with a positive nominal value, +25.4mm
 The 'width' property sets a positive nominal length value in millimeters.

width056 


Width using inches with a minimum minus one value, 1in
 The 'width' property sets a minimum minus one length value in inches.

width057 


Width using inches with a minimum value, 0in
 The 'width' property sets a minimum length value in inches.

width058 


Width using inches with a minimum plus one value, 1in
 The 'width' property sets a minimum plus one length value in inches.

width059 


Width using inches with a negative zero value, 0in
 The 'width' property sets a negative zero length value in inches.

width060 


Width using inches with a positive zero value, +0in
 The 'width' property sets a positive zero length value in inches.

width061 


Width using inches with a nominal value, 3in
 The 'width' property sets a nominal length value in inches.

width062 


Width using inches with a positive nominal value, +3in
 The 'width' property sets a positive nominal length value in inches.

width067 

AhemInvalid 
Width using 'em' units with a minimum minus one value, 1em
 The 'width' property sets a minimum minus one length value in 'em' units.

width068 

Ahem 
Width using 'em' units with a minimum value, 0em
 The 'width' property sets a minimum length value in 'em' units.

width069 

Ahem 
Width using 'em' units with a minimum plus one value, 1em
 The 'width' property sets a minimum plus one length value in 'em' units.

width070 

Ahem 
Width using 'em' units with a negative zero value, 0em
 The 'width' property sets a negative zero length value in 'em' units.

width071 

Ahem 
Width using 'em' units with a positive zero value, +0em
 The 'width' property sets a positive zero length value in 'em' units.

width072 

Ahem 
Width using 'em' units with a nominal value, 6em
 The 'width' property sets a nominal length value in 'em' units.

width073 

Ahem 
Width using 'em' units with a positive nominal value, +6em
 The 'width' property sets a positive nominal length value in 'em' units.

width078 

AhemInvalid 
Width using 'ex' units with a minimum minus one value, 1ex
 The 'width' property sets a minimum minus one length value in 'ex' units.

width079 

Ahem 
Width using 'ex' units with a minimum value, 0ex
 The 'width' property sets a minimum length value in 'ex' units.

width080 

Ahem 
Width using 'ex' units with a minimum plus one value, 1ex
 The 'width' property sets a minimum plus one length value in 'ex' units.

width081 

Ahem 
Width using 'ex' units with a negative zero value, 0ex
 The 'width' property sets a negative zero length value in 'ex' units.

width082 

Ahem 
Width using 'ex' units with a positive zero value, +0ex
 The 'width' property sets a positive zero length value in 'ex' units.

width083 

Ahem 
Width using 'ex' units with a nominal value, 6ex
 The 'width' property sets a nominal length value in 'ex' units.

width084 

Ahem 
Width using 'ex' units with a positive nominal value, +6ex
 The 'width' property sets a positive nominal length value in 'ex' units.

width089 


Width using percentages with a minimum minus one value, 1%
 The 'width' property sets a minimum minus one length value in percentages.

width090 


Width using percentages with a minimum value, 0%
 The 'width' property sets a minimum length value in percentages.

width091 


Width using percentages with a minimum plus one value, 1%
 The 'width' property sets a minimum plus one length value in percentages.

width092 


Width using percentages with a negative zero value, 0%
 The 'width' property sets a negative zero length value in percentages.

width093 


Width using percentages with a positive zero value, +0%
 The 'width' property sets a positive zero length value in percentages.

width094 


Width using percentages with a nominal value, 100%
 The 'width' property sets a nominal length value in percentages.

width095 


Width using percentages with a positive nominal value, +100%
 The 'width' property sets a positive nominal length value in percentages.

width100 


Width with a negative zero value and no units, 0
 The 'width' property sets a negative zero length value with no units.

width101 


Width with a zero value and no units, 0
 The 'width' property sets a zero length value with no units.

width102 


Width with a positive zero value and no units, +0
 The 'width' property sets a positive zero length value with no units.

width103 


Width set to a value of 'auto'
 The 'width' property applies a value of 'auto'.

width104 


Width set to 'inherit'
 The 'width' property properly inherits the width value of the parent.

widthappliesto001 


Width applied to elements with 'display' set to 'tablerowgroup'
 The 'width' property does not apply to elements with 'display' set to 'tablerowgroup'.

widthappliesto002 


Width applied to elements with 'display' set to 'tableheadergroup'
 The 'width' property does not apply to elements with 'display' set to 'tableheadergroup'.

widthappliesto003 


Width applied to elements with 'display' set to 'tablefootergroup'
 The 'width' property does not apply to elements with 'display' set to 'tablefootergroup'.

widthappliesto004 


Width applied to elements with 'display' set to 'tablerow'
 The 'width' property does not apply to elements with 'display' set to 'tablerow'.

widthappliesto005 


Width applied to elements with 'display' set to 'tablecolumngroup'
 The 'width' property applies to elements with 'display' set to 'tablecolumngroup'.

widthappliesto006 


Width applied to elements with 'display' set to 'tablecolumn'
 The 'width' property applies to elements with 'display' set to 'tablecolumn'.

widthappliesto007 


Width applied to elements with 'display' set to 'tablecell'
 The 'width' property applies to elements with 'display' set to 'tablecell'.

widthappliesto008 


Width applied to elements with 'display' set to 'inline'
 The 'width' property does not apply to elements with 'display' set to 'inline'.

widthappliesto009 


Width applied to elements with 'display' set to 'block'
 The 'width' property applies to elements with 'display' set to 'block'.

widthappliesto010 


Width applied to elements with 'display' set to 'listitem'
 The 'width' property applies to elements with 'display' set to 'listitem'.

widthappliesto012 


Width applied to elements with 'display' set to 'inlineblock'
 The 'width' property applies to elements with 'display' set to 'inlineblock'.

widthappliesto013 


Width applied to elements with 'display' set to 'table'
 The 'width' property applies to elements with 'display' set to 'table'.

widthappliesto014 


Width applied to elements with 'display' set to 'inlinetable'
 The 'width' property applies to elements with 'display' set to 'inlinetable'.

widthappliesto015 


Width applied to elements with 'display' set to 'tablecaption'
 The 'width' property applies to elements with 'display' set to 'tablecaption'.

widthappliesto016 


Width applied to elements set to 'display: none'
 Width can be applied to 'display: none' elements.

widthnonreplacedinline001 


Width of nonreplaced inline element should be the same as its content
 Content width of a nonreplaced inline element is that of the rendered content.

widthpercentage001 


Calculating percentage based width off of the parent container
 Percentage is calculated with respect to the width of the generated boxes containing block.

widthpercentage002 


Calculating widths for absolutely positioned elements
 Absolutely positioned elements whose containing block is based on a blocklevel element, the percentage is calculated with respect to the width of the padding box of that element.

widthreplacedelement001 

BitmapsOptional 
Scaling replaced elements with a width specified can scale the image
 Replaced elements width may be scaled by the user agent when the value of the property is not 'auto'.

widthundefined001 

Ahem 
Width of containing block is determined by with of child
 The containing block's width depends on this element's width because the resulting layout has not been defined in CSS2.1.

+
10.3.7 Absolutely positioned, nonreplaced elements

absolutenonreplacedwidth001 

Ahem 
Solving for 'right' on absolutely positioned nonreplaced elements
 When direction is lefttoright and 'left', 'width' and 'right' are 'auto', the width becomes shrinktofit and then solve for 'right'.

absolutenonreplacedwidth002 

Ahem 
Solving for 'left' on absolutely positioned nonreplaced elements
 When direction is righttoleft and 'left', 'width' and 'right' are 'auto', the width becomes shrinktofit and then solve for 'left'.

absolutenonreplacedwidth003 

Ahem 
Absolutely positioned nonreplaced elements with 'marginleft' and 'marginright' set to 'auto'
 When 'left', 'width' and 'right' are not 'auto', set 'marginleft' and 'marginright' to equal values.

absolutenonreplacedwidth004 

Ahem 
Absolutely positioned nonreplaced elements when both 'marginleft' and 'marginright' are set to 'auto' and direction is lefttoright
 When direction is 'ltr' and 'left', 'width' and 'right' are not 'auto', solve for 'marginright' and 'marginleft' to equal values. If this would make 'marginleft' and 'marginright' negative, then set 'marginleft' to zero and solve for 'marginright'.

absolutenonreplacedwidth005 

Ahem 
Absolutely positioned nonreplaced elements when both 'marginleft' and 'marginright' are set to 'auto' and direction is righttoleft
 When direction is 'rtl' and 'left', 'width' and 'right' are not 'auto', solve for 'marginright' and 'marginleft' to equal values. If this would make 'marginleft' and 'marginright' negative, then set 'marginright' to zero and solve for 'marginleft'.

absolutenonreplacedwidth006 

Ahem 
Absolutely positioned nonreplaced element when only 'marginright' is 'auto' and direction is lefttoright
 When direction is lefttoright and 'left', 'width', 'marginleft' and 'right' are not 'auto', solve for 'marginright'.

absolutenonreplacedwidth007 

Ahem 
Absolutely positioned nonreplaced element when only 'marginleft' is 'auto' and direction is righttoleft
 When direction is righttoleft and 'left', 'width', 'marginright' and 'right' are not 'auto', solve for 'marginleft'.

absolutenonreplacedwidth008 

Ahem 
Absolutely positioned nonreplaced elements with left, width, right and marginright not auto
 If 'left', 'width', 'right' and 'marginright' are all not 'auto' and 'marginleft' is 'auto', then solve the equation for 'marginleft'.

absolutenonreplacedwidth009 

Ahem 
Absolutely positioned nonreplaced elements with left, width, right and marginleft not auto
 If 'left', 'width', 'right' and 'marginleft' are all not 'auto' and 'marginright' is 'auto', then solve the equation for 'marginright'.

absolutenonreplacedwidth010 

Ahem 
Solved for 'left' when absolutely positioned nonreplaced elements has 'left' and 'width' as 'auto'
 When 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrinktofit and then solve for 'left'.

absolutenonreplacedwidth011 

Ahem 
Absolutely positioned nonreplaced elements when 'left' and 'right' are 'auto', 'width' is not 'auto' and 'direction' is lefttoright
 When 'direction' is lefttoright and 'left' and 'right' are 'auto' and 'width' is not 'auto', solve for 'right'.

absolutenonreplacedwidth012 

Ahem 
Absolutely positioned nonreplaced elements when 'left' and 'right' are 'auto', 'width' is not 'auto' and 'direction' is righttoleft
 When 'direction' is righttoleft and 'left' and 'right' are 'auto' and 'width' is not 'auto', solve for 'left'.

absolutenonreplacedwidth013 

Ahem 
Solved for 'right' when absolutely positioned nonreplaced elements has 'right' and 'width' as 'auto'
 When 'right' and 'width' are 'auto' and 'left' is not 'auto', then the width is shrinktofit and then solve for 'right'.

absolutenonreplacedwidth014 

Ahem 
Solved for 'left' when absolutely positioned nonreplaced elements has 'right' and 'width' not set to 'auto'
 When 'left' is 'auto' and 'width' and 'right' are not 'auto' element solves for 'left'.

absolutenonreplacedwidth015 


Solved for 'width' when absolutely positioned nonreplaced elements has 'left' and 'right' not set to 'auto'
 When 'width' is 'auto' and 'left' and 'right' are not 'auto' element solves for 'width'.

absolutenonreplacedwidth016 

Ahem 
Solved for 'right' when absolutely positioned nonreplaced elements has 'left' and 'width' not set to 'auto'
 When 'right' is 'auto' and 'width' and 'left' are not 'auto' element solves for 'right'.

absolutenonreplacedwidth017 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (lefttoright), inlineblock and maxwidth
 When direction is lefttoright and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth018 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (lefttoright), inlineblock and maxwidth
 When direction is lefttoright and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to shrinktofit width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth019 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (lefttoright), float and maxwidth
 When direction is lefttoright and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an floating, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth020 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (lefttoright), float and maxwidth
 When direction is lefttoright and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an floating, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth021 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (righttoleft), inlineblock and maxwidth
 When direction is righttoleft and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth022 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (righttoleft), inlineblock and maxwidth
 When direction is righttoleft and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth023 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (righttoleft), float and maxwidth
 When direction is righttoleft and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an floating, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth024 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (righttoleft), float and maxwidth
 When direction is righttoleft and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an floating, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

abspos008 


Shrink wrapping of absolute positioned blocks

abspos010 


Absolutely positioned tables must shrink wrap

abspos023 

Optional 
left:auto for fixedpos blocks inside abspos blocks

abspos024 


Static position in rtl context

abspos025 

Bitmaps 
Positioning replaced elements with four offsets

abspos026 


Positioning replaced elements with four offsets

absposnonreplacedwidthmargin000 
= 

CSS2.1:10.3.7 Comprehensive  Absolutely Positioned NonReplaced Horizontal Size+Position Calculations
 The values of 'left', 'right', 'marginleft', 'marginright', and 'width' are calculated correctly for absolutely positioned nonreplaced elements according to CSS2.1 Section 10.3.7.

absposwidth001 


Absolute Positioning: width:auto with table width:100%

absposwidth002 


Absolute Positioning: width:auto with block width:100%

absposwidth003 


Absolute Positioning: width:auto with block width:50%

absposwidth004 


Absolute Positioning: width:auto with block width:100%

absposwidth005 


Absolute Positioning: maxwidth

bidipositionfixed001 


position:fixed in rtl context
 Default horizontal position of position:fixed block should be right in rtl context, and ancestor direction should still be applied inside the block taken out of normal flow

+
10.3.8 Absolutely positioned, replaced elements

absolutereplacedwidth001 

Bitmaps 
Absolute replaced elements and 'auto' specified for 'marginleft', 'marginright' and intrinsic width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth002 

SVG 
Absolute replaced elements and 'auto' specified for 'marginleft', 'marginright' and intrinsic height
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth003 

SVG 
Absolute replaced elements and 'auto' specified for 'marginleft', 'marginright' and 'height'
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth004 

SVG 
Absolute replaced elements and 'auto' specified for 'marginleft', 'marginright' and no intrinsic height or width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for blocklevel, nonreplaced elements.

absolutereplacedwidth006 

Bitmaps 
Absolute replaced elements and 'auto' specified for 'marginleft', 'marginright' and percentage intrinsic width
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth008 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'left', 'right' and intrinsic width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth009 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'left', 'right' and intrinsic height
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth010 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'left', 'right' and 'height'
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth011 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'left', 'right' and no intrinsic height or width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for blocklevel, nonreplaced elements.

absolutereplacedwidth013 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'left', 'right' and percentage intrinsic width
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth015 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginleft', 'marginright', 'left', 'right' and intrinsic width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth020 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginleft', 'marginright', 'left', 'right' and percentage intrinsic width
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth022 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'right' and intrinsic width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth023 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'right' and intrinsic height
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth024 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'right' and 'height'
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth025 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'right' and no intrinsic height or width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for blocklevel, nonreplaced elements.

absolutereplacedwidth027 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright', 'right' and percentage intrinsic width
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth029 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginleft', 'marginright', 'right' and intrinsic width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth030 

SVG 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginleft', 'marginright', 'right' and intrinsic height
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth031 

SVG 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginleft', 'marginright', 'right' and 'height'
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth032 

SVG 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginleft', 'marginright', 'right' and no intrinsic height or width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for blocklevel, nonreplaced elements.

absolutereplacedwidth034 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginleft', 'marginright', 'right' and percentage intrinsic width
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth036 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright' and intrinsic width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth037 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright' and intrinsic height
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth038 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright' and 'height'
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth039 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright' and no intrinsic height or width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for blocklevel, nonreplaced elements.

absolutereplacedwidth041 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginleft', 'marginright' and percentage intrinsic width
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth043 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginleft', 'marginright' and intrinsic width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth048 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginleft', 'marginright' and percentage intrinsic width
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth050 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginright' and intrinsic width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth051 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginright' and intrinsic height
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth052 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginright' and 'height'
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth053 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginright' and no intrinsic height or width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for blocklevel, nonreplaced elements.

absolutereplacedwidth055 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, 'auto' specified for 'marginright' and percentage intrinsic width
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth057 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginright' and intrinsic width
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth062 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, 'auto' specified for 'marginright' and percentage intrinsic width
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth064 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, intrinsic width and overconstrained situation
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth065 

SVG 
Absolute replaced elements with 'direction' as lefttoright, intrinsic height and overconstrained situation
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth066 

SVG 
Absolute replaced elements with 'direction' as lefttoright, 'height' and overconstrained situation
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.

absolutereplacedwidth067 

SVG 
Absolute replaced elements with 'direction' as lefttoright, no intrinsic height or width and overconstrained situation
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for blocklevel, nonreplaced elements.

absolutereplacedwidth069 

Bitmaps 
Absolute replaced elements with 'direction' as lefttoright, percentage intrinsic width and overconstrained situation
 Percentage intrinsic widths are evaluated against the containing block's width.

absolutereplacedwidth071 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, intrinsic width and overconstrained situation
 Computed value of 'auto' for 'marginleft' or marginright' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.

absolutereplacedwidth076 

Bitmaps 
Absolute replaced elements with 'direction' as righttoleft, percentage intrinsic width and overconstrained situation
 Percentage intrinsic widths are evaluated against the containing block's width.

absposreplacedwidthmargin000 
= 

CSS2.1:10.3.8 Comprehensive  Absolutely Positioned Replaced Horizontal Size+Position Calculations
 The values of 'left', 'right', 'marginleft', 'marginright', and 'width' are calculated correctly for absolutely positioned replaced elements according to CSS2.1 Section 10.3.7.

+
10.4 Minimum and maximum widths: 'minwidth' and 'maxwidth'

absolutenonreplacedwidth017 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (lefttoright), inlineblock and maxwidth
 When direction is lefttoright and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth018 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (lefttoright), inlineblock and maxwidth
 When direction is lefttoright and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to shrinktofit width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth019 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (lefttoright), float and maxwidth
 When direction is lefttoright and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an floating, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth020 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (lefttoright), float and maxwidth
 When direction is lefttoright and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an floating, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth021 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (righttoleft), inlineblock and maxwidth
 When direction is righttoleft and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth022 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (righttoleft), inlineblock and maxwidth
 When direction is righttoleft and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth023 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (righttoleft), float and maxwidth
 When direction is righttoleft and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an floating, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

absolutenonreplacedwidth024 

Ahem 
'shrinktofit' width of absolutely positioned, nonreplaced elements  direction (righttoleft), float and maxwidth
 When direction is righttoleft and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an floating, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If width of an absolutely positioned, nonreplaced element resorts to 'shrinktofit' width calculation but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

c43rplbbx002 

AhemBitmaps 
Replaced Elements

c43rplibx000 

AhemBitmaps 
Replaced Elements

c5524height002 

Bitmaps 
height

floatnonreplacedwidth007 

Ahem 
'shrinktofit' width of floating, nonreplaced elements  inlineblock and maxwidth
 If 'width' of a floating, nonreplaced element computes to 'auto' or 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If 'width' of a floating, nonreplaced element computes to 'auto' but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

floatnonreplacedwidth008 

Ahem 
'shrinktofit' width of floating, nonreplaced elements  maxwidth
 If 'width' of a floating, nonreplaced element computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If 'width' of a floating, nonreplaced element computes to 'auto' but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

floatnonreplacedwidth009 

Ahem 
'shrinktofit' width of floating, nonreplaced elements  maxwidth
 If 'width' of a floating, nonreplaced element computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of a floating, nonreplaced element is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If 'width' of a floating, nonreplaced element computes to 'auto' but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

floatnonreplacedwidth010 

Ahem 
'shrinktofit' width of floating, nonreplaced elements  width
 If 'width' of a floating, nonreplaced element computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' is specified with absolute length, then the computed value is the specified value. If 'width' of a floating, nonreplaced element computes to 'auto' but its own child uses specified absolute length, then such specified absolute length will define the preferred width in 'shrinktofit' width calculation.

floatnonreplacedwidth011 

Ahem 
'shrinktofit' width of floating, nonreplaced elements  inlineblock and maxwidth
 If 'width' of a floating, nonreplaced element computes to 'auto' or 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If 'width' of a floating, nonreplaced element computes to 'auto' but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

floatnonreplacedwidth012 

Ahem 
'shrinktofit' width of floating, nonreplaced elements  maxwidth
 If 'width' of a floating nonreplaced element computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation and such calculated width can be furthermore constrained, reduced by a maxwidth declaration.

inlineblocknonreplacedwidth003 

Ahem 
'shrinktofit' width of inlineblock nonreplaced elements  maxwidth
 If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

inlineblocknonreplacedwidth004 

Ahem 
'shrinktofit' width of inlineblock nonreplaced elements  maxwidth
 If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrinktofit' width calculation. If 'width' of an inlineblock, nonreplaced element in normal flow is given by 'shrinktofit' width calculation, then such calculated width can be furthermore constrained, reduced by a maxwidth declaration. If 'width' of an inlineblock, nonreplaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a maxwidth declaration, then such constrained length will define the preferred width in 'shrinktofit' width calculation.

maxwidth001 


Maxwidth using pixels with a minimum minus one value, 1px
 The 'maxwidth' property sets a minimum minus one length value in pixels.

maxwidth002 


Maxwidth using pixels with a minimum value, 0px
 The 'maxwidth' property sets a minimum length value in pixels.

maxwidth003 


Maxwidth using pixels with a minimum plus one value, 1px
 The 'maxwidth' property sets a minimum plus one length value in pixels.

maxwidth004 


Maxwidth using pixels with a negative zero value, 0px
 The 'maxwidth' property sets a negative zero length value in pixels.

maxwidth005 


Maxwidth using pixels with a positive zero value, +0px
 The 'maxwidth' property sets a positive zero length value in pixels.

maxwidth006 


Maxwidth using pixels with a nominal value, 96px
 The 'maxwidth' property sets a nominal length value in pixels.

maxwidth007 


Maxwidth using pixels with a positive nominal value, +96px
 The 'maxwidth' property sets a positive nominal length value in pixels.

maxwidth012 


Maxwidth using points with a minimum minus one value, 1pt
 The 'maxwidth' property sets a minimum minus one length value in points.

maxwidth013 


Maxwidth using points with a minimum value, 0pt
 The 'maxwidth' property sets a minimum length value in points.

maxwidth014 


Maxwidth using points with a minimum plus one value, 1pt
 The 'maxwidth' property sets a minimum plus one length value in points.

maxwidth015 


Maxwidth using points with a negative zero value, 0pt
 The 'maxwidth' property sets a negative zero length value in points.

maxwidth016 


Maxwidth using points with a positive zero value, +0pt
 The 'maxwidth' property sets a positive zero length value in points.

maxwidth017 


Maxwidth using points with a nominal value, 72pt
 The 'maxwidth' property sets a nominal length value in points.

maxwidth018 


Maxwidth using points with a positive nominal value, +72pt
 The 'maxwidth' property sets a positive nominal length value in points.

maxwidth023 


Maxwidth using picas with a minimum minus one value, 1pc
 The 'maxwidth' property sets a minimum minus one length value in picas.

maxwidth024 


Maxwidth using picas with a minimum value, 0pc
 The 'maxwidth' property sets a minimum length value in picas.

maxwidth025 


Maxwidth using picas with a minimum plus one value, 1pc
 The 'maxwidth' property sets a minimum plus one length value in picas.

maxwidth026 


Maxwidth using picas with a negative zero value, 0pc
 The 'maxwidth' property sets a negative zero length value in picas.

maxwidth027 


Maxwidth using picas with a positive zero value, +0pc
 The 'maxwidth' property sets a positive zero length value in picas.

maxwidth028 


Maxwidth using picas with a nominal value, 6pc
 The 'maxwidth' property sets a nominal length value in picas.

maxwidth029 


Maxwidth using picas with a positive nominal value, +6pc
 The 'maxwidth' property sets a positive nominal length value in picas.

maxwidth034 


Maxwidth using centimeters with a minimum minus one value, 1cm
 The 'maxwidth' property sets a minimum minus one length value in centimeters.

maxwidth035 


Maxwidth using centimeters with a minimum value, 0cm
 The 'maxwidth' property sets a minimum length value in centimeters.

maxwidth036 


Maxwidth using centimeters with a minimum plus one value, 1cm
 The 'maxwidth' property sets a minimum plus one length value in centimeters.

maxwidth037 


Maxwidth using centimeters with a negative zero value, 0cm
 The 'maxwidth' property sets a negative zero length value in centimeters.

maxwidth038 


Maxwidth using centimeters with a positive zero value, +0cm
 The 'maxwidth' property sets a positive zero length value in centimeters.

maxwidth039 


Maxwidth using centimeters with a nominal value, 2.54cm
 The 'maxwidth' property sets a nominal length value in centimeters.

maxwidth040 


Maxwidth using centimeters with a positive nominal value, +2.54cm
 The 'maxwidth' property sets a positive nominal length value in centimeters.

maxwidth045 


Maxwidth using millimeters with a minimum minus one value, 1mm
 The 'maxwidth' property sets a minimum minus one length value in millimeters.

maxwidth046 


Maxwidth using millimeters with a minimum value, 0mm
 The 'maxwidth' property sets a minimum length value in millimeters.

maxwidth047 


Maxwidth using millimeters with a minimum plus one value, 1mm
 The 'maxwidth' property sets a minimum plus one length value in millimeters.

maxwidth048 


Maxwidth using millimeters with a negative zero value, 0mm
 The 'maxwidth' property sets a negative zero length value in millimeters.

maxwidth049 


Maxwidth using millimeters with a positive zero value, +0mm
 The 'maxwidth' property sets a positive zero length value in millimeters.

maxwidth050 


Maxwidth using millimeters with a nominal value, 25.4mm
 The 'maxwidth' property sets a nominal length value in millimeters.

maxwidth051 


Maxwidth using millimeters with a positive nominal value, +25.4mm
 The 'maxwidth' property sets a positive nominal length value in millimeters.

maxwidth056 


Maxwidth using inches with a minimum minus one value, 1in
 The 'maxwidth' property sets a minimum minus one length value in inches.

maxwidth057 


Maxwidth using inches with a minimum value, 0in
 The 'maxwidth' property sets a minimum length value in inches.

maxwidth058 


Maxwidth using inches with a minimum plus one value, 1in
 The 'maxwidth' property sets a minimum plus one length value in inches.

maxwidth059 


Maxwidth using inches with a negative zero value, 0in
 The 'maxwidth' property sets a negative zero length value in inches.

maxwidth060 


Maxwidth using inches with a positive zero value, +0in
 The 'maxwidth' property sets a positive zero length value in inches.

maxwidth061 


Maxwidth using inches with a nominal value, 3in
 The 'maxwidth' property sets a nominal length value in inches.

maxwidth062 


Maxwidth using inches with a positive nominal value, +3in
 The 'maxwidth' property sets a positive nominal length value in inches.

maxwidth067 

Ahem 
Maxwidth using 'em' units with a minimum minus one value, 1em
 The 'maxwidth' property sets a minimum minus one length value in 'em' units.

maxwidth068 

Ahem 
Maxwidth using 'em' units with a minimum value, 0em
 The 'maxwidth' property sets a minimum length value in 'em' units.

maxwidth069 

Ahem 
Maxwidth using 'em' units with a minimum plus one value, 1em
 The 'maxwidth' property sets a minimum plus one length value in 'em' units.

maxwidth070 

Ahem 
Maxwidth using 'em' units with a negative zero value, 0em
 The 'maxwidth' property sets a negative zero length value in 'em' units.

maxwidth071 

Ahem 
Maxwidth using 'em' units with a positive zero value, +0em
 The 'maxwidth' property sets a positive zero length value in 'em' units.

maxwidth072 

Ahem 
Maxwidth using 'em' units with a nominal value, 6em
 The 'maxwidth' property sets a nominal length value in 'em' units.

maxwidth073 

Ahem 
Maxwidth using 'em' units with a positive nominal value, +6em
 The 'maxwidth' property sets a positive nominal length value in 'em' units.

maxwidth078 

Ahem 
Maxwidth using 'ex' units with a minimum minus one value, 1ex
 The 'maxwidth' property sets a minimum minus one length value in 'ex' units.

maxwidth079 

Ahem 
Maxwidth using 'ex' units with a minimum value, 0ex
 The 'maxwidth' property sets a minimum length value in 'ex' units.

maxwidth080 

Ahem 
Maxwidth using 'ex' units with a minimum plus one value, 1ex
 The 'maxwidth' property sets a minimum plus one length value in 'ex' units.

maxwidth081 

Ahem 
Maxwidth using 'ex' units with a negative zero value, 0ex
 The 'maxwidth' property sets a negative zero length value in 'ex' units.

maxwidth082 

Ahem 
Maxwidth using 'ex' units with a positive zero value, +0ex
 The 'maxwidth' property sets a positive zero length value in 'ex' units.

maxwidth083 

Ahem 
Maxwidth using 'ex' units with a nominal value, 6ex
 The 'maxwidth' property sets a nominal length value in 'ex' units.

maxwidth084 

Ahem 
Maxwidth using 'ex' units with a positive nominal value, +6ex
 The 'maxwidth' property sets a positive nominal length value in 'ex' units.

maxwidth089 


Maxwidth using percentages with a minimum minus one value, 1%
 The 'maxwidth' property sets a minimum minus one length value in percentages.

maxwidth090 


Maxwidth using percentages with a minimum value, 0%
 The 'maxwidth' property sets a minimum length value in percentages.

maxwidth091 


Maxwidth using percentages with a minimum plus one value, 1%
 The 'maxwidth' property sets a minimum plus one length value in percentages.

maxwidth092 


Maxwidth using percentages with a negative zero value, 0%
 The 'maxwidth' property sets a negative zero length value in percentages.

maxwidth093 


Maxwidth using percentages with a positive zero value, +0%
 The 'maxwidth' property sets a positive zero length value in percentages.

maxwidth094 


Maxwidth using percentages with a nominal value, 100%
 The 'maxwidth' property sets a nominal length value in percentages.

maxwidth095 


Maxwidth using percentages with a positive nominal value, +100%
 The 'maxwidth' property sets a positive nominal length value in percentages.

maxwidth100 


Maxwidth with a negative zero value and no units, 0
 The 'maxwidth' property sets a negative zero length value with no units.

maxwidth101 


Maxwidth with a zero value and no units, 0
 The 'maxwidth' property sets a zero length value with no units.

maxwidth102 


Maxwidth with a positive zero value and no units, +0
 The 'maxwidth' property sets a positive zero length value with no units.

maxwidth103 


Maxwidth set to a value of 'none'
 The 'maxwidth' property applies a value of 'none'.

maxwidth104 


Maxwidth set to 'inherit'
 The 'maxwidth' property set to 'inherit' properly inherits the maxwidth value of the parent.

maxwidth105 

Ahem 
maxwidth  height and overflow
 'maxwidth' specifies a fixed maximum used width. If the used width is greater than maxwidth, then the computed value of maxwidth is used as the computed value for width.

maxwidth106 

Ahem 
maxwidth  float and overflow
 'maxwidth' specifies a fixed maximum used width. If the used width is greater than maxwidth, then the computed value of maxwidth is used as the computed value for width. A floated box should not become wider than its declared maxwidth.

maxwidth107 

Ahem 
maxwidth  height and overflow
 'maxwidth' specifies a fixed maximum used width. If the used width is greater than maxwidth, then the computed value of maxwidth is used as the computed value for width.

maxwidth108 

Ahem 
maxwidth  float and overflow
 'maxwidth' specifies a fixed maximum used width. If the used width is greater than maxwidth, then the computed value of maxwidth is used as the computed value for width.

maxwidth109 

Bitmaps 
Maxwidth  replaced elements
 For UAs who choose to scale replaced elements, the height of that element (based on it's intrinsic ratio) should be recalculated based on it's constraining 'maxwidth' value

maxwidthappliesto001 


Maxwidth applied to elements with 'display' set to 'tablerowgroup'
 The 'maxwidth' property does not apply to elements with 'display' set to 'tablerowgroup'.

maxwidthappliesto002 


Maxwidth applied to elements with 'display' set to 'tableheadergroup'
 The 'maxwidth' property does not apply to elements with 'display' set to 'tableheadergroup'.

maxwidthappliesto003 


Maxwidth applied to elements with 'display' set to 'tablefootergroup'
 The 'maxwidth' property does not apply to elements with 'display' set to 'tablefootergroup'.

maxwidthappliesto004 


Maxwidth applied to elements with 'display' set to 'tablerow'
 The 'maxwidth' property does not apply to elements with 'display' set to 'tablerow'.

maxwidthappliesto005 


Maxwidth applied to elements with 'display' set to 'tablecolumngroup'
 The 'maxwidth' property applies to elements with 'display' set to 'tablecolumngroup'.

maxwidthappliesto006 


Maxwidth applied to elements with 'display' set to 'tablecolumn'
 The 'maxwidth' property applies to elements with 'display' set to 'tablecolumn'.

maxwidthappliesto007 


Maxwidth applied to elements with 'display' set to 'tablecell'
 The 'maxwidth' property applies to elements with 'display' set to 'tablecell'.

maxwidthappliesto008 


Maxwidth applied to elements with 'display' set to 'inline'
 The 'maxwidth' property does not apply to elements with 'display' set to 'inline'.

maxwidthappliesto009 


Maxwidth applied to elements with 'display' set to 'block'
 The 'maxwidth' property applies to elements with 'display' set to 'block'.

maxwidthappliesto010 


Maxwidth applied to elements with 'display' set to 'listitem'
 The 'maxwidth' property applies to elements with 'display' set to 'listitem'.

maxwidthappliesto012 


Maxwidth applied to elements with 'display' set to 'inlineblock'
 The 'maxwidth' property applies to elements with 'display' set to 'inlineblock'.

maxwidthappliesto013 


Maxwidth applied to elements with 'display' set to 'table'
 The 'maxwidth' property applies to elements with 'display' set to 'table'.

maxwidthappliesto014 


Maxwidth applied to elements with 'display' set to 'inlinetable'
 The 'maxwidth' property applies to elements with 'display' set to 'inlinetable'.

maxwidthappliesto015 


Maxwidth applied to elements with 'display' set to 'tablecaption'
 The 'maxwidth' property applies to elements with 'display' set to 'tablecaption'.

maxwidthappliesto016 


MaxWidth applied to none
 MaxWidth can be applied to none elements.

maxwidthpercentage001 


Using percentages with 'maxwidth' relative to the containing block
 The percentage is calculated in relation to the containing block.

maxwidthpercentage002 


Percentage based value for 'maxwidth' contained by box with a negative 'width'
 If the containing block's width is negative, the used value is zero.

maxwidthpercentage003 


Maxwidth in constrained situation
 If the containing block's width depends on this element's width, then the resulting layout is undefined.

minwidth001 


Minwidth using pixels with a minimum minus one value, 1px
 The 'minwidth' property sets a minimum minus one length value in pixels.

minwidth002 


Minwidth using pixels with a minimum value, 0px
 The 'minwidth' property sets a minimum length value in pixels.

minwidth003 


Minwidth using pixels with a minimum plus one value, 1px
 The 'minwidth' property sets a minimum plus one length value in pixels.

minwidth004 


Minwidth using pixels with a negative zero value, 0px
 The 'minwidth' property sets a negative zero length value in pixels.

minwidth005 


Minwidth using pixels with a positive zero value, +0px
 The 'minwidth' property sets a positive zero length value in pixels.

minwidth006 


Minwidth using pixels with a nominal value, 96px
 The 'minwidth' property sets a nominal length value in pixels.

minwidth007 


Minwidth using pixels with a positive nominal value, +96px
 The 'minwidth' property sets a positive nominal length value in pixels.

minwidth012 


Minwidth using points with a minimum minus one value, 1pt
 The 'minwidth' property sets a minimum minus one length value in points.

minwidth013 


Minwidth using points with a minimum value, 0pt
 The 'minwidth' property sets a minimum length value in points.

minwidth014 


Minwidth using points with a minimum plus one value, 1pt
 The 'minwidth' property sets a minimum plus one length value in points.

minwidth015 


Minwidth using points with a negative zero value, 0pt
 The 'minwidth' property sets a negative zero length value in points.

minwidth016 


Minwidth using points with a positive zero value, +0pt
 The 'minwidth' property sets a positive zero length value in points.

minwidth017 


Minwidth using points with a nominal value, 72pt
 The 'minwidth' property sets a nominal length value in points.

minwidth018 


Minwidth using points with a positive nominal value, +72pt
 The 'minwidth' property sets a positive nominal length value in points.

minwidth023 


Minwidth using picas with a minimum minus one value, 1pc
 The 'minwidth' property sets a minimum minus one length value in picas.

minwidth024 


Minwidth using picas with a minimum value, 0pc
 The 'minwidth' property sets a minimum length value in picas.

minwidth025 


Minwidth using picas with a minimum plus one value, 1pc
 The 'minwidth' property sets a minimum plus one length value in picas.

minwidth026 


Minwidth using picas with a negative zero value, 0pc
 The 'minwidth' property sets a negative zero length value in picas.

minwidth027 


Minwidth using picas with a positive zero value, +0pc
 The 'minwidth' property sets a positive zero length value in picas.

minwidth028 


Minwidth using picas with a nominal value, 6pc
 The 'minwidth' property sets a nominal length value in picas.

minwidth029 


Minwidth using picas with a positive nominal value, +6pc
 The 'minwidth' property sets a positive nominal length value in picas.

minwidth034 


Minwidth using centimeters with a minimum minus one value, 1cm
 The 'minwidth' property sets a minimum minus one length value in centimeters.

minwidth035 


Minwidth using centimeters with a minimum value, 0cm
 The 'minwidth' property sets a minimum length value in centimeters.

minwidth036 


Minwidth using centimeters with a minimum plus one value, 1cm
 The 'minwidth' property sets a minimum plus one length value in centimeters.

minwidth037 


Minwidth using centimeters with a negative zero value, 0cm
 The 'minwidth' property sets a negative zero length value in centimeters.

minwidth038 


Minwidth using centimeters with a positive zero value, +0cm
 The 'minwidth' property sets a positive zero length value in centimeters.

minwidth039 


Minwidth using centimeters with a nominal value, 2.54cm
 The 'minwidth' property sets a nominal length value in centimeters.

minwidth040 


Minwidth using centimeters with a positive nominal value, +2.54cm
 The 'minwidth' property sets a positive nominal length value in centimeters.

minwidth045 


Minwidth using millimeters with a minimum minus one value, 1mm
 The 'minwidth' property sets a minimum minus one length value in millimeters.

minwidth046 


Minwidth using millimeters with a minimum value, 0mm
 The 'minwidth' property sets a minimum length value in millimeters.

minwidth047 


Minwidth using millimeters with a minimum plus one value, 1mm
 The 'minwidth' property sets a minimum plus one length value in millimeters.

minwidth048 


Minwidth using millimeters with a negative zero value, 0mm
 The 'minwidth' property sets a negative zero length value in millimeters.

minwidth049 


Minwidth using millimeters with a positive zero value, +0mm
 The 'minwidth' property sets a positive zero length value in millimeters.

minwidth050 


Minwidth using millimeters with a nominal value, 25.4mm
 The 'minwidth' property sets a nominal length value in millimeters.

minwidth051 


Minwidth using millimeters with a positive nominal value, +25.4mm
 The 'minwidth' property sets a positive nominal length value in millimeters.

minwidth056 


Minwidth using inches with a minimum minus one value, 1in
 The 'minwidth' property sets a minimum minus one length value in inches.

minwidth057 


Minwidth using inches with a minimum value, 0in
 The 'minwidth' property sets a minimum length value in inches.

minwidth058 


Minwidth using inches with a minimum plus one value, 1in
 The 'minwidth' property sets a minimum plus one length value in inches.

minwidth059 


Minwidth using inches with a negative zero value, 0in
 The 'minwidth' property sets a negative zero length value in inches.

minwidth060 


Minwidth using inches with a positive zero value, +0in
 The 'minwidth' property sets a positive zero length value in inches.

minwidth061 


Minwidth using inches with a nominal value, 3in
 The 'minwidth' property sets a nominal length value in inches.

minwidth062 


Minwidth using inches with a positive nominal value, +3in
 The 'minwidth' property sets a positive nominal length value in inches.

minwidth067 

Ahem 
Minwidth using 'em' units with a minimum minus one value, 1em
 The 'minwidth' property sets a minimum minus one length value in 'em' units.

minwidth068 

Ahem 
Minwidth using 'em' units with a minimum value, 0em
 The 'minwidth' property sets a minimum length value in 'em' units.

minwidth069 

Ahem 
Minwidth using 'em' units with a minimum plus one value, 1em
 The 'minwidth' property sets a minimum plus one length value in 'em' units.

minwidth070 

Ahem 
Minwidth using 'em' units with a negative zero value, 0em
 The 'minwidth' property sets a negative zero length value in 'em' units.

minwidth071 

Ahem 
Minwidth using 'em' units with a positive zero value, +0em
 The 'minwidth' property sets a positive zero length value in 'em' units.

minwidth072 

Ahem 
Minwidth using 'em' units with a nominal value, 6em
 The 'minwidth' property sets a nominal length value in 'em' units.

minwidth073 

Ahem 
Minwidth using 'em' units with a positive nominal value, +6em
 The 'minwidth' property sets a positive nominal length value in 'em' units.

minwidth078 

Ahem 
Minwidth using 'ex' units with a minimum minus one value, 1ex
 The 'minwidth' property sets a minimum minus one length value in 'ex' units.

minwidth079 

Ahem 
Minwidth using 'ex' units with a minimum value, 0ex
 The 'minwidth' property sets a minimum length value in 'ex' units.

minwidth080 

Ahem 
Minwidth using 'ex' units with a minimum plus one value, 1ex
 The 'minwidth' property sets a minimum plus one length value in 'ex' units.

minwidth081 

Ahem 
Minwidth using 'ex' units with a negative zero value, 0ex
 The 'minwidth' property sets a negative zero length value in 'ex' units.

minwidth082 

Ahem 
Minwidth using 'ex' units with a positive zero value, +0ex
 The 'minwidth' property sets a positive zero length value in 'ex' units.

minwidth083 

Ahem 
Minwidth using 'ex' units with a nominal value, 6ex
 The 'minwidth' property sets a nominal length value in 'ex' units.

minwidth084 

Ahem 
Minwidth using 'ex' units with a positive nominal value, +6ex
 The 'minwidth' property sets a positive nominal length value in 'ex' units.

minwidth089 


Minwidth using percentages with a minimum minus one value, 1%
 The 'minwidth' property sets a minimum minus one length value in percentages.

minwidth090 


Minwidth using percentages with a minimum value, 0%
 The 'minwidth' property sets a minimum length value in percentages.

minwidth091 


Minwidth using percentages with a minimum plus one value, 1%
 The 'minwidth' property sets a minimum plus one length value in percentages.

minwidth092 


Minwidth using percentages with a negative zero value, 0%
 The 'minwidth' property sets a negative zero length value in percentages.

minwidth093 


Minwidth using percentages with a positive zero value, +0%
 The 'minwidth' property sets a positive zero length value in percentages.

minwidth094 


Minwidth using percentages with a nominal value, 100%
 The 'minwidth' property sets a nominal length value in percentages.

minwidth095 


Minwidth using percentages with a positive nominal value, +100%
 The 'minwidth' property sets a positive nominal length value in percentages.

minwidth100 


Minwidth with a negative zero value and no units, 0
 The 'minwidth' property sets a negative zero length value with no units.

minwidth101 


Minwidth with a zero value and no units, 0
 The 'minwidth' property sets a zero length value with no units.

minwidth102 


Minwidth with a positive zero value and no units, +0
 The 'minwidth' property sets a positive zero length value with no units.

minwidth103 


Minwidth set to inherit
 The 'minwidth' property properly inherits the minwidth value of the parent.

minwidthappliesto001 


Minwidth applied to elements with 'display' set to 'tablerowgroup'
 The 'minwidth' property does not apply to elements with 'display' set to 'tablerowgroup'.

minwidthappliesto002 


Minwidth applied to elements with 'display' set to 'tableheadergroup'
 The 'minwidth' property does not apply to elements with 'display' set to 'tableheadergroup'.

minwidthappliesto003 


Minwidth applied to elements with 'display' set to 'tablefootergroup'
 The 'minwidth' property does not apply to elements with 'display' set to 'tablefootergroup'.

minwidthappliesto004 


Minwidth applied to elements with 'display' set to 'tablerow'
 The 'minwidth' property does not apply to elements with 'display' set to 'tablerow'.

minwidthappliesto005 


Minwidth applied to elements with 'display' set to 'tablecolumngroup'
 The 'minwidth' property applies to elements with 'display' set to 'tablecolumngroup'.

minwidthappliesto006 


Minwidth applied to elements with 'display' set to 'tablecolumn'
 The 'minwidth' property applies to elements with 'display' set to 'tablecolumn'.

minwidthappliesto007 


Minwidth applied to elements with 'display' set to 'tablecell'
 The 'minwidth' property applies to elements with 'display' set to 'tablecell'.

minwidthappliesto008 


Minwidth applied to elements with 'display' set to 'inline'
 The 'minwidth' property does not apply to elements with 'display' set to 'inline'.

minwidthappliesto009 


Minwidth applied to elements with 'display' set to 'block'
 The 'minwidth' property applies to elements with 'display' set to 'block'.

minwidthappliesto010 


Minwidth applied to elements with 'display' set to 'listitem'
 The 'minwidth' property applies to elements with 'display' set to 'listitem'.

minwidthappliesto012 


Minwidth applied to elements with 'display' set to 'inlineblock'
 The 'minwidth' property applies to elements with 'display' set to 'inlineblock'.

minwidthappliesto013 


Minwidth applied to elements with 'display' set to 'table'
 The 'minwidth' property applies to elements with 'display' set to 'table'.

minwidthappliesto014 


Minwidth applied to elements with 'display' set to 'inlinetable'
 The 'minwidth' property applies to elements with 'display' set to 'inlinetable'.

minwidthappliesto015 


Minwidth applied to elements with 'display' set to 'tablecaption'
 The 'minwidth' property applies to elements with 'display' set to 'tablecaption'.

minwidthappliesto016 


MinWidth applied to none
 MinWidth can be applied to none elements.

minwidthpercentage001 


Using percentages with 'minwidth' relative to the containing block
 The percentage is calculated in relation to the containing block.

minwidthpercentage002 


Percentage based value for 'minwidth' contained by box with a negative 'width'
 If the containing block's width is negative, the used value is zero.

minwidthpercentage003 


Using 'minwidth' with 'width' dependent on the containing block
 If the containing block's width depends on this element's width, then the resulting layout is undefined.

replacedminmax001 

Bitmaps 
Min/Max Height and Width Constraints on Replaced Elements

+
10.5 Content height: the 'height' property

anonymousboxes001 
= 

Percent heights inside anonymous blocks
 Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest nonanonymous ancestor box is used instead.

c5524height000 

Bitmaps 
height

c5524height001 

Bitmaps 
height

c5524height002 

Bitmaps 
height

height001 

Invalid 
Height using pixels with a minimum minus one value, 1px
 The 'height' property sets a minimum minus one length value in pixels is invalid and resets its value to 'auto'.

height002 


Height using pixels with a minimum value, 0px
 The 'height' property sets a minimum length value in pixels.

height003 


Height using pixels with a minimum plus one value, 1px
 The 'height' property sets a minimum plus one length value in pixels.

height004 


Height using pixels with a negative zero value, 0px
 The 'height' property sets a negative zero length value in pixels.

height005 


Height using pixels with a positive zero value, +0px
 The 'height' property sets a positive zero length value in pixels.

height006 


Height using pixels with a nominal value, 96px
 The 'height' property sets a nominal length value in pixels.

height007 


Height using pixels with a positive nominal value, +96px
 The 'height' property sets a positive nominal length value in pixels.

height012 

Invalid 
Height using points with a minimum minus one value, 1pt
 The 'height' property sets a minimum minus one length value in points is invalid and resets its value to 'auto'.

height013 


Height using points with a minimum value, 0pt
 The 'height' property sets a minimum length value in points.

height014 


Height using points with a minimum plus one value, 1pt
 The 'height' property sets a minimum plus one length value in points.

height015 


Height using points with a negative zero value, 0pt
 The 'height' property sets a negative zero length value in points.

height016 


Height using points with a positive zero value, +0pt
 The 'height' property sets a positive zero length value in points.

height017 


Height using points with a nominal value, 72pt
 The 'height' property sets a nominal length value in points.

height018 


Height using points with a positive nominal value, +72pt
 The 'height' property sets a positive nominal length value in points.

height023 

Invalid 
Height using picas with a minimum minus one value, 1pc
 The 'height' property sets a minimum minus one length value in picas is invalid and resets its value to 'auto'.

height024 


Height using picas with a minimum value, 0pc
 The 'height' property sets a minimum length value in picas.

height025 


Height using picas with a minimum plus one value, 1pc
 The 'height' property sets a minimum plus one length value in picas.

height026 


Height using picas with a negative zero value, 0pc
 The 'height' property sets a negative zero length value in picas.

height027 


Height using picas with a positive zero value, +0pc
 The 'height' property sets a positive zero length value in picas.

height028 


Height using picas with a nominal value, 6pc
 The 'height' property sets a nominal length value in picas.

height029 


Height using picas with a positive nominal value, +6pc
 The 'height' property sets a positive nominal length value in picas.

height034 

Invalid 
Height using centimeters with a minimum minus one value, 1cm
 The 'height' property sets a minimum minus one length value in centimeters is invalid and resets its value to 'auto'.

height035 


Height using centimeters with a minimum value, 0cm
 The 'height' property sets a minimum length value in centimeters.

height036 


Height using centimeters with a minimum plus one value, 1cm
 The 'height' property sets a minimum plus one length value in centimeters.

height037 


Height using centimeters with a negative zero value, 0cm
 The 'height' property sets a negative zero length value in centimeters.

height038 


Height using centimeters with a positive zero value, +0cm
 The 'height' property sets a positive zero length value in centimeters.

height039 


Height using centimeters with a nominal value, 2.54cm
 The 'height' property sets a nominal length value in centimeters.

height040 


Height using centimeters with a positive nominal value, +2.54cm
 The 'height' property sets a positive nominal length value in centimeters.

height045 

Invalid 
Height using millimeters with a minimum minus one value, 1mm
 The 'height' property sets a minimum minus one length value in millimeters is invalid and resets its value to 'auto'.

height046 


Height using millimeters with a minimum value, 0mm
 The 'height' property sets a minimum length value in millimeters.

height047 


Height using millimeters with a minimum plus one value, 1mm
 The 'height' property sets a minimum plus one length value in millimeters.

height048 


Height using millimeters with a negative zero value, 0mm
 The 'height' property sets a negative zero length value in millimeters.

height049 


Height using millimeters with a positive zero value, +0mm
 The 'height' property sets a positive zero length value in millimeters.

height050 


Height using millimeters with a nominal value, 25.4mm
 The 'height' property sets a nominal length value in millimeters.

height051 


Height using millimeters with a positive nominal value, +25.4mm
 The 'height' property sets a positive nominal length value in millimeters.

height056 

Invalid 
Height using inches with a minimum minus one value, 1in
 The 'height' property sets a minimum minus one length value in inches is invalid and resets its value to 'auto'.

height057 


Height using inches with a minimum value, 0in
 The 'height' property sets a minimum length value in inches.

height058 


Height using inches with a minimum plus one value, 1in
 The 'height' property sets a minimum plus one length value in inches.

height059 


Height using inches with a negative zero value, 0in
 The 'height' property sets a negative zero length value in inches.

height060 


Height using inches with a positive zero value, +0in
 The 'height' property sets a positive zero length value in inches.

height061 


Height using inches with a nominal value, 3in
 The 'height' property sets a nominal length value in inches.

height062 


Height using inches with a positive nominal value, +3in
 The 'height' property sets a positive nominal length value in inches.

height067 

AhemInvalid 
Height using 'em' units with a minimum minus one value, 1em
 The 'height' property sets a minimum minus one length value in 'em' units is invalid and resets its value to 'auto'.

height068 

Ahem 
Height using 'em' units with a minimum value, 0em
 The 'height' property sets a minimum length value in 'em' units.

height069 

Ahem 
Height using 'em' units with a minimum plus one value, 1em
 The 'height' property sets a minimum plus one length value in 'em' units.

height070 

Ahem 
Height using 'em' units with a negative zero value, 0em
 The 'height' property sets a negative zero length value in 'em' units.

height071 

Ahem 
Height using 'em' units with a positive zero value, +0em
 The 'height' property sets a positive zero length value in 'em' units.

height072 

Ahem 
Height using 'em' units with a nominal value, 5em
 The 'height' property sets a nominal length value in 'em' units.

height073 

Ahem 
Height using 'em' units with a positive nominal value, +5em
 The 'height' property sets a positive nominal length value in 'em' units.

height078 

AhemInvalid 
Height using 'ex' units with a minimum minus one value, 1ex
 The 'height' property sets a minimum minus one length value in 'ex' units is invalid and resets its value to 'auto'.

height079 

Ahem 
Height using 'ex' units with a minimum value, 0ex
 The 'height' property sets a minimum length value in 'ex' units.

height080 

Ahem 
Height using 'ex' units with a minimum plus one value, 1ex
 The 'height' property sets a minimum plus one length value in 'ex' units.

height081 

Ahem 
Height using 'ex' units with a negative zero value, 0ex
 The 'height' property sets a negative zero length value in 'ex' units.

height082 

Ahem 
Height using 'ex' units with a positive zero value, +0ex
 The 'height' property sets a positive zero length value in 'ex' units.

height083 

Ahem 
Height using 'ex' units with a nominal value, 6ex
 The 'height' property sets a nominal length value in 'ex' units.

height084 

Ahem 
Height using 'ex' units with a positive nominal value, +6ex
 The 'height' property sets a positive nominal length value in 'ex' units.

height089 

Invalid 
Height using percentages with a minimum minus one value, 1%
 The 'height' property sets a minimum minus one length value in percentages is invalid and resets its value to 'auto'.

height090 


Height using percentages with a minimum value, 0%
 The 'height' property sets a minimum length value in percentages.

height091 


Height using percentages with a minimum plus one value, 1%
 The 'height' property sets a minimum plus one length value in percentages.

height092 


Height using percentages with a negative zero value, 0%
 The 'height' property sets a negative zero length value in percentages.

height093 


Height using percentages with a positive zero value, +0%
 The 'height' property sets a positive zero length value in percentages.

height094 


Height using percentages with a nominal value, 100%
 The 'height' property sets a nominal length value in percentages.

height095 


Height using percentages with a positive nominal value, +100%
 The 'height' property sets a positive nominal length value in percentages.

height100 


Height with a negative zero value and no units, 0
 The 'height' property sets a negative zero length value with no units.

height101 


Height with a zero value and no units, 0
 The 'height' property sets a zero length value with no units.

height102 


Height with a positive zero value and no units, +0
 The 'height' property sets a positive zero length value with no units.

height103 


Height set to a value of auto
 The 'height' property applies a value of auto.

height104 


Height set to inherit
 The 'height' property properly inherits the height value of the parent.

height111 


Nested heights

height112 


Nested heights

height113 


Nested heights with percentages and borders

height114 


Negative heights

heightappliesto001 

Optional 
Height applied to elements with 'display' set to 'tablerowgroup'
 The 'height' property applies to elements with 'display' set to 'tablerowgroup'.

heightappliesto002 

Optional 
Height applied to elements with 'display' set to 'tableheadergroup'
 The 'height' property applies to elements with 'display' set to 'tableheadergroup'.

heightappliesto003 

Optional 
Height applied to elements with 'display' set to 'tablefootergroup'
 The 'height' property applies to elements with 'display' set to 'tablefootergroup'.

heightappliesto004 


Height applied to elements with 'display' set to 'tablerow'
 The 'height' property applies to elements with 'display' set to 'tablerow'.

heightappliesto005 


Height applied to elements with 'display' set to 'tablecolumngroup'
 The 'height' property does not to elements with 'display' set to 'tablecolumngroup'.

heightappliesto006 


Height applied to elements with 'display' set to 'tablecolumn'
 The 'height' property does not to elements with 'display' set to 'tablecolumn'.

heightappliesto007 


Height applied to elements with 'display' set to 'tablecell'
 The 'height' property applies to elements with 'display' set to 'tablecell'.

heightappliesto008 


Height applied to elements with 'display' set to 'inline'
 The 'height' property does not apply to elements with 'display' set to 'inline'.

heightappliesto009 


Height applied to elements with 'display' set to 'block'
 The 'height' property applies to elements with 'display' set to 'block'.

heightappliesto010 


Height applied to elements with 'display' set to 'listitem'
 The 'height' property applies to elements with 'display' set to 'listitem'.

heightappliesto012 


Height applied to elements with 'display' set to 'inlineblock'
 The 'height' property applies to elements with 'display' set to 'inlineblock'.

heightappliesto013 


Height applied to elements with 'display' set to 'table'
 The 'height' property applies to elements with 'display' set to 'table'.

heightappliesto014 


Height applied to elements with 'display' set to 'inlinetable'
 The 'height' property applies to elements with 'display' set to 'inlinetable'.

heightappliesto015 


Height applied to elements with 'display' set to 'tablecaption'
 The 'height' property applies to elements with 'display' set to 'tablecaption'.

heightappliesto016 


Height applied to elements set to 'display: none'
 Height can be applied to 'display: none' elements.

heightpercentage001 


Percentage height computed to containing block
 A percentage height is calculated using the height of the containing block.

heightpercentage002 


Percentage based 'height' computes to 'auto' when containing block has no specified height
 A percentage height is computed to 'auto' when the element is not absolutely positioned and there is no 'height' explicitly set on the containing block.

heightpercentage003 


Percentage based 'height' on the root element
 A percentage 'height' on the root element is relative to the initial containing block.

heightpercentage004 


Resolving container heights when they contain absolutely positioned elements with percentage based heights
 The 'height' of the containing block of an absolutely positioned element is independent of the size of the element itself.

minheightpercentage003 


minheight  100% of the initial containing block's height
 The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'minheight: 100%;' of the document root element should use all of the document root element's height. A percentage for 'minheight' is calculated with respect to the height of the generated box's containing block.

pagebreakinside000 

Paged 
pagebreakinside:auto
 The 'auto' value of the 'pagebreakinside' property neither forces nor forbids a page break inside the box.

pagecontainer000 

Paged 
Paged Media root container
 For a singlepage document, the containing box for the root element is the page area.

pagecontainer002 

Paged 
paged media root percent height
 A percentage height on the root element is relative to the page area height.

pagecontainer004 

OptionalPaged 
Paged Media root container (float)
 The root element when floated abuts the left or right edge of the page area.

pagecontainer010 

Paged 
Paged Media Height (percent)
 For HTML documents in paged media, when the HTML and BODY elements have heights of 100%, a percentage height on a child of BODY is relative to the page area height.

+
10.6.4 Absolutely positioned, nonreplaced elements

absolutenonreplacedheight001 


Absolutely positioned, nonreplaced elements, static position of fixed element
 The calculation of static position is based on initial containing block when there is a fixed positioned element.

absolutenonreplacedheight002 

Ahem 
Absolutely positioned, nonreplaced elements, shrinkstofit height
 The used value for absolutely positioned elements shrinkstofit height.

absolutenonreplacedheight003 


Absolutely positioned, nonreplaced elements, vertical centering
 An absolutely positioned nonreplaced element's padding box (which is the area painted by backgroundcolor of the element) will be vertically centered within its containing block only if both 'margintop' and 'marginbottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned nonreplaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values.

absolutenonreplacedheight004 


Absolutely positioned, nonreplaced elements, 'margintop' set to 'auto'
 When 'top', 'bottom', 'height' and 'marginbottom' of an absolutely positioned, nonreplaced element are all not 'auto' while its 'margintop' is 'auto', then 'margintop' becomes the remainder of the height of its containing block.

absolutenonreplacedheight005 


Absolutely positioned, nonreplaced elements, 'marginbottom' set to 'auto'
 When 'top', 'bottom' and 'height' are all are not 'auto', 'margintop' is not 'auto' and 'marginbottom' is 'auto'. Then 'marginbottom' becomes the remainder of the height of the containing box.

absolutenonreplacedheight006 


Absolutely positioned, nonreplaced elements, overconstrained
 The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margintop', 'marginbottom' add up to more than the containing blocks height.

absolutenonreplacedheight007 

Ahem 
Absolutely positioned, nonreplaced elements, shrinktofit solve for top
 Verify that height is based on the overall height of the content, 'margintop', 'auto' is set to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'.

absolutenonreplacedheight008 


Absolutely positioned, nonreplaced elements, 'top' set to static position
 When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'.

absolutenonreplacedheight009 

Ahem 
Absolutely positioned, nonreplaced elements, height is shrinktofit
 The 'height' is based on the content height, 'auto' values for 'margintop' and 'marginbottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'.

absolutenonreplacedheight010 


Absolutely positioned, nonreplaced elements, 'margintop' and 'marginbottom' set to '0'
 The 'auto' values for 'margintop' and 'marginbottom' are set to '0', when 'top' is 'auto' and 'height' and 'bottom' are not 'auto'.

absolutenonreplacedheight011 


Absolutely positioned, nonreplaced elements, 'height' based on 'top' and 'bottom' positions
 The 'auto' values on 'margintop', 'marginbottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'.

absolutenonreplacedheight012 


Absolutely positioned, nonreplaced elements, solve for 'bottom'
 When 'margintop' and 'marginbottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block.

absolutenonreplacedmaxheight001 


Maxheight on absolutely positioned, nonreplaced elements, static position of fixed element
 The calculation of static position is based on initial containing block when there is a fixed positioned element.

absolutenonreplacedmaxheight002 

Ahem 
Maxheight on absolutely positioned, nonreplaced elements
 When 'top', 'height', and 'bottom' of an absolutely positioned element are 'auto', then set 'top' to the static position and make 'height' based on the content; such height may be constrained by a given 'maxheight' value.

absolutenonreplacedmaxheight003 


Maxheight on absolutely positioned, nonreplaced elements, vertical centering
 An absolutely positioned nonreplaced element's padding box (which is the area painted by backgroundcolor of the element) will be vertically centered within its containing block only if both 'margintop' and 'marginbottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned nonreplaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values.

absolutenonreplacedmaxheight004 


Maxheight on absolutely positioned, nonreplaced elements, 'margintop' set to 'auto'
 When 'top', 'bottom' and 'height' are all are not 'auto', 'margintop' is 'auto' and 'marginbottom' is not 'auto'. Then 'margintop' becomes the remainder of the height of the containing box.

absolutenonreplacedmaxheight005 


Maxheight on absolutely positioned, nonreplaced elements, 'marginbottom' set to 'auto'
 When 'top', 'bottom' and 'height' are all are not 'auto', 'margintop' is not 'auto' and 'marginbottom' is 'auto'. Then 'marginbottom' becomes the remainder of the height of the containing box.

absolutenonreplacedmaxheight006 


Maxheight on absolutely positioned, nonreplaced elements, overconstrained
 The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margintop', 'marginbottom' add up to more than the containing blocks height.

absolutenonreplacedmaxheight007 

Ahem 
Maxheight on absolutely positioned, nonreplaced elements, shrinktofit solve for top
 The height is based on the overall height of the content, 'margintop', 'auto' is set to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'.

absolutenonreplacedmaxheight008 


Maxheight on absolutely positioned, nonreplaced elements, 'top' set to static position
 When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'.

absolutenonreplacedmaxheight009 

Ahem 
Maxheight on absolutely positioned, nonreplaced elements, height is shrinktofit
 The 'height' is based on the content height, 'auto' values for 'margintop' and 'marginbottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'.

absolutenonreplacedmaxheight010 


Maxheight on absolutely positioned, nonreplaced elements, 'margintop' and 'marginbottom' set to '0'
 The 'auto' values for 'margintop' and 'marginbottom' are set to '0', when 'top', 'height' and 'bottom' are all not auto.

absolutenonreplacedmaxheight011 


Maxheight on absolutely positioned, nonreplaced elements, 'height' based on 'top' and 'bottom' positions
 The 'auto' values on 'margintop', 'marginbottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'.

absolutenonreplacedmaxheight012 


Maxheight on absolutely positioned, nonreplaced elements, solve for 'bottom'
 When 'margintop' and 'marginbottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block.

+
10.6.5 Absolutely positioned, replaced elements

absolutereplacedheight001 

Bitmaps 
Absolute replaced elements with 'margintop' and 'marginbottom' as 'auto'
 An absolutely positioned replaced elements' used value of 'margintop' and/or 'marginbottom' set to 'auto' is '0'.

absolutereplacedheight002 

Bitmaps 
Absolute replaced elements relying on intrinsic height dimensions
 The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.

absolutereplacedheight003 

Bitmaps 
Absolute replaced elements with intrinsic ratios and 'height' set to 'auto'
 The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.

absolutereplacedheight004 


Absolute replaced elements without intrinsic ratios and 'height' set to 'auto'
 For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.

absolutereplacedheight005 


Absolute replaced elements with percentage based intrinsic height
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.

absolutereplacedheight006 

SVG 
Absolutely positioned inline replaced elements with percentage based intrinsic height
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.

absolutereplacedheight007 


Absolute replaced elements with percentage based intrinsic height that cannot be resolved
 An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.

absolutereplacedheight008 

Bitmaps 
Absolute replaced elements with 'margintop', 'marginbottom' and 'bottom' as 'auto'
 An absolutely positioned replaced elements' used value of 'bottom', 'margintop' and/or 'marginbottom' set to 'auto' is '0'.

absolutereplacedheight009 

Bitmaps 
Absolute replaced elements relying on intrinsic height dimensions and 'bottom' set to 'auto'
 The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' and 'bottom' computed as 'auto'.

absolutereplacedheight010 

Bitmaps 
Absolute replaced elements with intrinsic ratios, 'height' and 'bottom' set to 'auto'
 The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' and 'bottom' are set to 'auto' and 'width' is specified.

absolutereplacedheight011 


Absolute replaced elements without intrinsic ratios, 'height' and 'bottom' set to 'auto'
 For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.

absolutereplacedheight012 


Absolute replaced elements with percentage based intrinsic height and 'bottom' set to 'auto'
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.

absolutereplacedheight013 

SVG 
Absolutely positioned inline replaced elements with percentage based intrinsic height and 'bottom' set to 'auto'
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.

absolutereplacedheight014 


Absolute replaced elements with percentage based intrinsic height that cannot be resolved and 'top' specified
 An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.

absolutereplacedheight016 

Bitmaps 
Absolute replaced elements relying on intrinsic height dimensions and 'top', 'bottom' are not 'auto'
 The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'.

absolutereplacedheight017 

Bitmaps 
Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
 The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.

absolutereplacedheight018 


Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
 For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.

absolutereplacedheight019 


Absolute replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom' are not 'auto'
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.

absolutereplacedheight020 

SVG 
Absolutely positioned inline replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom' are not 'auto'
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.

absolutereplacedheight021 


Absolute replaced elements with percentage based intrinsic height that cannot be resolved where 'top' and 'bottom' are not 'auto'
 An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.

absolutereplacedheight022 

Bitmaps 
Absolute replaced elements with 'marginbottom' as 'auto' and 'top', 'bottom', 'margintop' are not 'auto'
 An absolutely positioned replaced element with only one value as 'auto' solves for that value (marginbottom).

absolutereplacedheight023 

Bitmaps 
Absolute replaced elements relying on intrinsic height dimensions and 'top', 'bottom', 'margintop' are not 'auto'
 The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'.

absolutereplacedheight024 

Bitmaps 
Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom', 'margintop' are not 'auto'
 The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.

absolutereplacedheight025 


Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom', 'margintop' are not 'auto'
 For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.

absolutereplacedheight026 


Absolute replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom', 'margintop' are not 'auto'
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.

absolutereplacedheight027 

SVG 
Absolutely positioned inline replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom', 'margintop' are not 'auto'
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.

absolutereplacedheight028 


Absolute replaced elements with percentage based intrinsic height that cannot be resolved where 'top', 'bottom', 'margintop' are not 'auto'
 An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.

absolutereplacedheight029 

Bitmaps 
Absolute replaced elements with overconstrained values
 An absolutely positioned replaced element with overconstrained values solves for 'bottom'.

absolutereplacedheight030 

Bitmaps 
Absolute replaced elements relying on intrinsic height dimensions and overconstrained values
 The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height with overconstrained values solves for 'bottom'.

absolutereplacedheight031 

Bitmaps 
Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and overconstrained values
 The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', with overconstrained values solves for 'bottom'.

absolutereplacedheight032 


Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and overconstrained values
 For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width. And with overconstrained values element solves for 'bottom'.

absolutereplacedheight033 


Absolute replaced elements with percentage based intrinsic height set to 'auto' and overconstrained values
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.

absolutereplacedheight034 

SVG 
Absolutely positioned inline replaced elements with percentage based intrinsic height set to 'auto' and overconstrained values
 An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.

absolutereplacedheight035 


Absolute replaced elements with percentage based intrinsic height that cannot be resolved and there are overconstrained values
 An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.

+
10.7 Minimum and maximum heights: 'minheight' and 'maxheight'

maxheight001 


Maxheight using pixels with a minimum minus one value, 1px
 The 'maxheight' property sets a minimum minus one length value in pixels.

maxheight002 


Maxheight using pixels with a minimum value, 0px
 The 'maxheight' property sets a minimum length value in pixels.

maxheight003 


Maxheight using pixels with a minimum plus one value, 1px
 The 'maxheight' property sets a minimum plus one length value in pixels.

maxheight004 


Maxheight using pixels with a negative zero value, 0px
 The 'maxheight' property sets a negative zero length value in pixels.

maxheight005 


Maxheight using pixels with a positive zero value, +0px
 The 'maxheight' property sets a positive zero length value in pixels.

maxheight006 


Maxheight using pixels with a nominal value, 96px
 The 'maxheight' property sets a nominal length value in pixels.

maxheight007 


Maxheight using pixels with a positive nominal value, +96px
 The 'maxheight' property sets a positive nominal length value in pixels.

maxheight012 


Maxheight using points with a minimum minus one value, 1pt
 The 'maxheight' property sets a minimum minus one length value in points.

maxheight013 


Maxheight using points with a minimum value, 0pt
 The 'maxheight' property sets a minimum length value in points.

maxheight014 


Maxheight using points with a minimum plus one value, 1pt
 The 'maxheight' property sets a minimum plus one length value in points.

maxheight015 


Maxheight using points with a negative zero value, 0pt
 The 'maxheight' property sets a negative zero length value in points.

maxheight016 


Maxheight using points with a positive zero value, +0pt
 The 'maxheight' property sets a positive zero length value in points.

maxheight017 


Maxheight using points with a nominal value, 72pt
 The 'maxheight' property sets a nominal length value in points.

maxheight018 


Maxheight using points with a positive nominal value, +72pt
 The 'maxheight' property sets a positive nominal length value in points.

maxheight023 


Maxheight using picas with a minimum minus one value, 1pc
 The 'maxheight' property sets a minimum minus one length value in picas.

maxheight024 


Maxheight using picas with a minimum value, 0pc
 The 'maxheight' property sets a minimum length value in picas.

maxheight025 


Maxheight using picas with a minimum plus one value, 1pc
 The 'maxheight' property sets a minimum plus one length value in picas.

maxheight026 


Maxheight using picas with a negative zero value, 0pc
 The 'maxheight' property sets a negative zero length value in picas.

maxheight027 


Maxheight using picas with a positive zero value, +0pc
 The 'maxheight' property sets a positive zero length value in picas.

maxheight028 


Maxheight using picas with a nominal value, 6pc
 The 'maxheight' property sets a nominal length value in picas.

maxheight029 


Maxheight using picas with a positive nominal value, +6pc
 The 'maxheight' property sets a positive nominal length value in picas.

maxheight034 


Maxheight using centimeters with a minimum minus one value, 1cm
 The 'maxheight' property sets a minimum minus one length value in centimeters.

maxheight035 


Maxheight using centimeters with a minimum value, 0cm
 The 'maxheight' property sets a minimum length value in centimeters.

maxheight036 


Maxheight using centimeters with a minimum plus one value, 1cm
 The 'maxheight' property sets a minimum plus one length value in centimeters.

maxheight037 


Maxheight using centimeters with a negative zero value, 0cm
 The 'maxheight' property sets a negative zero length value in centimeters.

maxheight038 


Maxheight using centimeters with a positive zero value, +0cm
 The 'maxheight' property sets a positive zero length value in centimeters.

maxheight039 


Maxheight using centimeters with a nominal value, 2.54cm
 The 'maxheight' property sets a nominal length value in centimeters.

maxheight040 


Maxheight using centimeters with a positive nominal value, +2.54cm
 The 'maxheight' property sets a positive nominal length value in centimeters.

maxheight045 


Maxheight using millimeters with a minimum minus one value, 1mm
 The 'maxheight' property sets a minimum minus one length value in millimeters.

maxheight046 


Maxheight using millimeters with a minimum value, 0mm
 The 'maxheight' property sets a minimum length value in millimeters.

maxheight047 


Maxheight using millimeters with a minimum plus one value, 1mm
 The 'maxheight' property sets a minimum plus one length value in millimeters.

maxheight048 


Maxheight using millimeters with a negative zero value, 0mm
 The 'maxheight' property sets a negative zero length value in millimeters.

maxheight049 


Maxheight using millimeters with a positive zero value, +0mm
 The 'maxheight' property sets a positive zero length value in millimeters.

maxheight050 


Maxheight using millimeters with a nominal value, 25.4mm
 The 'maxheight' property sets a nominal length value in millimeters.

maxheight051 


Maxheight using millimeters with a positive nominal value, +25.4mm
 The 'maxheight' property sets a positive nominal length value in millimeters.

maxheight056 


Maxheight using inches with a minimum minus one value, 1in
 The 'maxheight' property sets a minimum minus one length value in inches.

maxheight057 


Maxheight using inches with a minimum value, 0in
 The 'maxheight' property sets a minimum length value in inches.

maxheight058 


Maxheight using inches with a minimum plus one value, 1in
 The 'maxheight' property sets a minimum plus one length value in inches.

maxheight059 


Maxheight using inches with a negative zero value, 0in
 The 'maxheight' property sets a negative zero length value in inches.

maxheight060 


Maxheight using inches with a positive zero value, +0in
 The 'maxheight' property sets a positive zero length value in inches.

maxheight061 


Maxheight using inches with a nominal value, 3in
 The 'maxheight' property sets a nominal length value in inches.

maxheight062 


Maxheight using inches with a positive nominal value, +3in
 The 'maxheight' property sets a positive nominal length value in inches.

maxheight067 

Ahem 
Maxheight using 'em' units with a minimum minus one value, 1em
 The 'maxheight' property sets a minimum minus one length value in 'em' units.

maxheight068 

Ahem 
Maxheight using 'em' units with a minimum value, 0em
 The 'maxheight' property sets a minimum length value in 'em' units.

maxheight069 

Ahem 
Maxheight using 'em' units with a minimum plus one value, 1em
 The 'maxheight' property sets a minimum plus one length value in 'em' units.

maxheight070 

Ahem 
Maxheight using 'em' units with a negative zero value, 0em
 The 'maxheight' property sets a negative zero length value in 'em' units.

maxheight071 

Ahem 
Maxheight using 'em' units with a positive zero value, +0em
 The 'maxheight' property sets a positive zero length value in 'em' units.

maxheight072 

Ahem 
Maxheight using 'em' units with a nominal value, 6em
 The 'maxheight' property sets a nominal length value in 'em' units.

maxheight073 

Ahem 
Maxheight using 'em' units with a positive nominal value, +6em
 The 'maxheight' property sets a positive nominal length value in 'em' units.

maxheight078 

Ahem 
Maxheight using 'ex' units with a minimum minus one value, 1ex
 The 'maxheight' property sets a minimum minus one length value in 'ex' units.

maxheight079 

Ahem 
Maxheight using 'ex' units with a minimum value, 0ex
 The 'maxheight' property sets a minimum length value in 'ex' units.

maxheight080 

Ahem 
Maxheight using 'ex' units with a minimum plus one value, 1ex
 The 'maxheight' property sets a minimum plus one length value in 'ex' units.

maxheight081 

Ahem 
Maxheight using 'ex' units with a negative zero value, 0ex
 The 'maxheight' property sets a negative zero length value in 'ex' units.

maxheight082 

Ahem 
Maxheight using 'ex' units with a positive zero value, +0ex
 The 'maxheight' property sets a positive zero length value in 'ex' units.

maxheight083 

Ahem 
Maxheight using 'ex' units with a nominal value, 6ex
 The 'maxheight' property sets a nominal length value in 'ex' units.

maxheight084 

Ahem 
Maxheight using 'ex' units with a positive nominal value, +6ex
 The 'maxheight' property sets a positive nominal length value in 'ex' units.

maxheight089 


Maxheight using percentages with a minimum minus one value, 1%
 The 'maxheight' property sets a minimum minus one length value in percentages.

maxheight090 


Maxheight using percentages with a minimum value, 0%
 The 'maxheight' property sets a minimum length value in percentages.

maxheight091 


Maxheight using percentages with a minimum plus one value, 1%
 The 'maxheight' property sets a minimum plus one length value in percentages.

maxheight092 


Maxheight using percentages with a negative zero value, 0%
 The 'maxheight' property sets a negative zero length value in percentages.

maxheight093 


Maxheight using percentages with a positive zero value, +0%
 The 'maxheight' property sets a positive zero length value in percentages.

maxheight094 


Maxheight using percentages with a nominal value, 100%
 The 'maxheight' property sets a nominal length value in percentages.

maxheight095 


Maxheight using percentages with a positive nominal value, +100%
 The 'maxheight' property sets a positive nominal length value in percentages.

maxheight100 


Maxheight with a negative zero value and no units, 0
 The 'maxheight' property sets a negative zero length value with no units.

maxheight101 


Maxheight with a zero value and no units, 0
 The 'maxheight' property sets a zero length value with no units.

maxheight102 


Maxheight with a positive zero value and no units, +0
 The 'maxheight' property sets a positive zero length value with no units.

maxheight103 


Maxheight set to a value of 'none'
 The 'maxheight' property applies a value of 'none'.

maxheight104 


Maxheight set to inherit
 The 'maxheight' property properly inherits the maxheight value of the parent.

maxheight105 


maxheight  oveflow
 The 'maxheight' property can restrain the used value of height when the used value of height is greater than the declared maxheight and not when it is less than the declared maxheight and not when it does not exceed the declared maxheight.

maxheight106 

Ahem 
maxheight  float and overflow

maxheight107 

Ahem 
maxheight  space for scrollbar
 Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.

maxheight108 

Ahem 
maxheight  overflow
 The maxheight property can restrain the used value of height when the used value of height is greater than the declared maxheight and not when it is less than the declared maxheight and not when it does not exceed the declared maxheight.

maxheight109 

Ahem 
maxheight  overflow
 The 'maxheight' property can restrain the used value of height when the used value of height is greater than the declared maxheight.

maxheight110 

Ahem 
maxheight  space for scrollbar
 Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.

maxheight111 

Ahem 
maxheight  float and overflow
 The content of the #testredoverlapped generates an active horizontal scrollbar. The height of such horizontal scrollbar adds itself to the content making it exceed the maxheight constraint of 200px. Therefore, such vertical space taken by the horizontal scrollbar must be substracted from the height of the content. An active vertical scrollbar then must be generated to provide access to the equivalent of the height of the horizontal scrollbar.

maxheightappliesto001 

Optional 
Maxheight applied to elements with 'display' set to 'tablerowgroup'
 The 'maxheight' property applies to elements with 'display' set to 'tablerowgroup'.

maxheightappliesto002 

Optional 
Maxheight applied to elements with 'display' set to 'tableheadergroup'
 The 'maxheight' property applies to elements with 'display' set to 'tableheadergroup'.

maxheightappliesto003 

Optional 
Maxheight applied to elements with 'display' set to 'tablefootergroup'
 The 'maxheight' property applies to elements with 'display' set to 'tablefootergroup'.

maxheightappliesto004 


Maxheight applied to elements with 'display' set to 'tablerow'
 The 'maxheight' property applies to elements with 'display' set to 'tablerow'.

maxheightappliesto005 


Maxheight applied to elements with 'display' set to 'tablecolumngroup'
 The 'maxheight' property does not to elements with 'display' set to 'tablecolumngroup'.

maxheightappliesto006 


Maxheight applied to elements with 'display' set to 'tablecolumn'
 The 'maxheight' property does not to elements with 'display' set to 'tablecolumn'.

maxheightappliesto007 

Optional 
Maxheight applied to elements with 'display' set to 'tablecell'
 The 'maxheight' property applies to elements with 'display' set to 'tablecell'.

maxheightappliesto008 


Maxheight applied to elements with 'display' set to 'inline'
 The 'maxheight' property does not apply to elements with 'display' set to 'inline'.

maxheightappliesto009 


Maxheight applied to elements with 'display' set to 'block'
 The 'maxheight' property applies to elements with 'display' set to 'block'.

maxheightappliesto010 


Maxheight applied to elements with 'display' set to 'listitem'
 The 'maxheight' property applies to elements with 'display' set to 'listitem'.

maxheightappliesto012 


Maxheight applied to elements with 'display' set to 'inlineblock'
 The 'maxheight' property applies to elements with 'display' set to 'inlineblock'.

maxheightappliesto013 


Maxheight applied to elements with 'display' set to 'table'
 The 'maxheight' property applies to elements with 'display' set to 'table'.

maxheightappliesto014 


Maxheight applied to elements with 'display' set to 'inlinetable'
 The 'maxheight' property applies to elements with 'display' set to 'inlinetable'.

maxheightappliesto015 


Maxheight applied to elements with 'display' set to 'tablecaption'
 The 'maxheight' property applies to elements with 'display' set to 'tablecaption'.

maxheightappliesto016 


MaxHeight applied to none
 MaxHeight can be applied to none elements.

maxheightpercentage001 


Maxheight percentage is based on containing block
 A percentage for 'maxheight' is calculated with respect to the 'height' of the generated boxes containing block.

maxheightpercentage002 


Percentage 'maxheight' with no 'height' on containing block
 When the 'height' of the containing block is not specified and the element is not absolutely positioned the percentage is treated as '0' for 'minheight' and 'none' for 'maxheight'.

minheight001 


Minheight using pixels with a minimum minus one value, 1px
 The 'minheight' property sets a minimum minus one length value in pixels.

minheight002 


Minheight using pixels with a minimum value, 0px
 The 'minheight' property sets a minimum length value in pixels.

minheight003 


Minheight using pixels with a minimum plus one value, 1px
 The 'minheight' property sets a minimum plus one length value in pixels.

minheight004 


Minheight using pixels with a negative zero value, 0px
 The 'minheight' property sets a negative zero length value in pixels.

minheight005 


Minheight using pixels with a positive zero value, +0px
 The 'minheight' property sets a positive zero length value in pixels.

minheight006 


Minheight using pixels with a nominal value, 96px
 The 'minheight' property sets a nominal length value in pixels.

minheight007 


Minheight using pixels with a positive nominal value, +96px
 The 'minheight' property sets a positive nominal length value in pixels.

minheight012 


Minheight using points with a minimum minus one value, 1pt
 The 'minheight' property sets a minimum minus one length value in points.

minheight013 


Minheight using points with a minimum value, 0pt
 The 'minheight' property sets a minimum length value in points.

minheight014 


Minheight using points with a minimum plus one value, 1pt
 The 'minheight' property sets a minimum plus one length value in points.

minheight015 


Minheight using points with a negative zero value, 0pt
 The 'minheight' property sets a negative zero length value in points.

minheight016 


Minheight using points with a positive zero value, +0pt
 The 'minheight' property sets a positive zero length value in points.

minheight017 


Minheight using points with a nominal value, 72pt
 The 'minheight' property sets a nominal length value in points.

minheight018 


Minheight using points with a positive nominal value, +72pt
 The 'minheight' property sets a positive nominal length value in points.

minheight023 


Minheight using picas with a minimum minus one value, 1pc
 The 'minheight' property sets a minimum minus one length value in picas.

minheight024 


Minheight using picas with a minimum value, 0pc
 The 'minheight' property sets a minimum length value in picas.

minheight025 


Minheight using picas with a minimum plus one value, 1pc
 The 'minheight' property sets a minimum plus one length value in picas.

minheight026 


Minheight using picas with a negative zero value, 0pc
 The 'minheight' property sets a negative zero length value in picas.

minheight027 


Minheight using picas with a positive zero value, +0pc
 The 'minheight' property sets a positive zero length value in picas.

minheight028 


Minheight using picas with a nominal value, 6pc
 The 'minheight' property sets a nominal length value in picas.

minheight029 


Minheight using picas with a positive nominal value, +6pc
 The 'minheight' property sets a positive nominal length value in picas.

minheight034 


Minheight using centimeters with a minimum minus one value, 1cm
 The 'minheight' property sets a minimum minus one length value in centimeters.

minheight035 


Minheight using centimeters with a minimum value, 0cm
 The 'minheight' property sets a minimum length value in centimeters.

minheight036 


Minheight using centimeters with a minimum plus one value, 1cm
 The 'minheight' property sets a minimum plus one length value in centimeters.

minheight037 


Minheight using centimeters with a negative zero value, 0cm
 The 'minheight' property sets a negative zero length value in centimeters.

minheight038 


Minheight using centimeters with a positive zero value, +0cm
 The 'minheight' property sets a positive zero length value in centimeters.

minheight039 


Minheight using centimeters with a nominal value, 2.54cm
 The 'minheight' property sets a nominal length value in centimeters.

minheight040 


Minheight using centimeters with a positive nominal value, +2.54cm
 The 'minheight' property sets a positive nominal length value in centimeters.

minheight045 


Minheight using millimeters with a minimum minus one value, 1mm
 The 'minheight' property sets a minimum minus one length value in millimeters.

minheight046 


Minheight using millimeters with a minimum value, 0mm
 The 'minheight' property sets a minimum length value in millimeters.

minheight047 


Minheight using millimeters with a minimum plus one value, 1mm
 The 'minheight' property sets a minimum plus one length value in millimeters.

minheight048 


Minheight using millimeters with a negative zero value, 0mm
 The 'minheight' property sets a negative zero length value in millimeters.

minheight049 


Minheight using millimeters with a positive zero value, +0mm
 The 'minheight' property sets a positive zero length value in millimeters.

minheight050 


Minheight using millimeters with a nominal value, 25.4mm
 The 'minheight' property sets a nominal length value in millimeters.

minheight051 


Minheight using millimeters with a positive nominal value, +25.4mm
 The 'minheight' property sets a positive nominal length value in millimeters.

minheight056 


Minheight using inches with a minimum minus one value, 1in
 The 'minheight' property sets a minimum minus one length value in inches.

minheight057 


Minheight using inches with a minimum value, 0in
 The 'minheight' property sets a minimum length value in inches.

minheight058 


Minheight using inches with a minimum plus one value, 1in
 The 'minheight' property sets a minimum plus one length value in inches.

minheight059 


Minheight using inches with a negative zero value, 0in
 The 'minheight' property sets a negative zero length value in inches.

minheight060 


Minheight using inches with a positive zero value, +0in
 The 'minheight' property sets a positive zero length value in inches.

minheight061 


Minheight using inches with a nominal value, 3in
 The 'minheight' property sets a nominal length value in inches.

minheight062 


Minheight using inches with a positive nominal value, +3in
 The 'minheight' property sets a positive nominal length value in inches.

minheight067 

Ahem 
Minheight using 'em' units with a minimum minus one value, 1em
 The 'minheight' property sets a minimum minus one length value in 'em' units.

minheight068 

Ahem 
Minheight using 'em' units with a minimum value, 0em
 The 'minheight' property sets a minimum length value in 'em' units.

minheight069 

Ahem 
Minheight using 'em' units with a minimum plus one value, 1em
 The 'minheight' property sets a minimum plus one length value in 'em' units.

minheight070 

Ahem 
Minheight using 'em' units with a negative zero value, 0em
 The 'minheight' property sets a negative zero length value in 'em' units.

minheight071 

Ahem 
Minheight using 'em' units with a positive zero value, +0em
 The 'minheight' property sets a positive zero length value in 'em' units.

minheight072 

Ahem 
Minheight using 'em' units with a nominal value, 6em
 The 'minheight' property sets a nominal length value in 'em' units.

minheight073 

Ahem 
Minheight using 'em' units with a positive nominal value, +6em
 The 'minheight' property sets a positive nominal length value in 'em' units.

minheight078 

Ahem 
Minheight using 'ex' units with a minimum minus one value, 1ex
 The 'minheight' property sets a minimum minus one length value in 'ex' units.

minheight079 

Ahem 
Minheight using 'ex' units with a minimum value, 0ex
 The 'minheight' property sets a minimum length value in 'ex' units.

minheight080 

Ahem 
Minheight using 'ex' units with a minimum plus one value, 1ex
 The 'minheight' property sets a minimum plus one length value in 'ex' units.

minheight081 

Ahem 
Minheight using 'ex' units with a negative zero value, 0ex
 The 'minheight' property sets a negative zero length value in 'ex' units.

minheight082 

Ahem 
Minheight using 'ex' units with a positive zero value, +0ex
 The 'minheight' property sets a positive zero length value in 'ex' units.

minheight083 

Ahem 
Minheight using 'ex' units with a nominal value, 6ex
 The 'minheight' property sets a nominal length value in 'ex' units.

minheight084 

Ahem 
Minheight using 'ex' units with a positive nominal value, +6ex
 The 'minheight' property sets a positive nominal length value in 'ex' units.

minheight089 


Minheight using percentages with a minimum minus one value, 1%
 The 'minheight' property sets a minimum minus one length value in percentages.

minheight090 


Minheight using percentages with a minimum value, 0%
 The 'minheight' property sets a minimum length value in percentages.

minheight091 


Minheight using percentages with a minimum plus one value, 1%
 The 'minheight' property sets a minimum plus one length value in percentages.

minheight092 


Minheight using percentages with a negative zero value, 0%
 The 'minheight' property sets a negative zero length value in percentages.

minheight093 


Minheight using percentages with a positive zero value, +0%
 The 'minheight' property sets a positive zero length value in percentages.

minheight094 


Minheight using percentages with a nominal value, 100%
 The 'minheight' property sets a nominal length value in percentages.

minheight095 


Minheight using percentages with a positive nominal value, +100%
 The 'minheight' property sets a positive nominal length value in percentages.

minheight100 


Minheight with a negative zero value and no units, 0
 The 'minheight' property sets a negative zero length value with no units.

minheight101 


Minheight with a zero value and no units, 0
 The 'minheight' property sets a zero length value with no units.

minheight102 


Minheight with a positive zero value and no units, +0
 The 'minheight' property sets a positive zero length value with no units.

minheight103 


Minheight set to 'inherit'
 The 'minheight' property properly inherits the minheight value of the parent.

minheight104 

Ahem 
minheight  space for scrollbar
 Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.

minheight105 

Ahem 
minheight  space for scrollbar
 Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.

minheight106 

Ahem 
minheight  float and overflow
 'minheight' specifies a fixed minimum used height. If the element requires an horizontal scrollbar, then the horizontal scrollbar height should be subtracted from the height of its containing block so that the resulting used height continues to honor the declared minheight.

minheight111 


Basic minheight test

minheight112 


Basic minheight test (with overflow:hidden)

minheight113 


Basic minheight test (with overflow:scroll)

minheightappliesto001 

Optional 
Minheight applied to elements with 'display' set to 'tablerowgroup'
 The 'minheight' property applies to elements with 'display' set to 'tablerowgroup'.

minheightappliesto002 

Optional 
Minheight applied to elements with 'display' set to 'tableheadergroup'
 The 'minheight' property applies to elements with 'display' set to 'tableheadergroup'.

minheightappliesto003 

Optional 
Minheight applied to elements with 'display' set to 'tablefootergroup'
 The 'minheight' property applies to elements with 'display' set to 'tablefootergroup'.

minheightappliesto004 


Minheight applied to elements with 'display' set to 'tablerow'
 The 'minheight' property applies to elements with 'display' set to 'tablerow'.

minheightappliesto005 


Minheight applied to elements with 'display' set to 'tablecolumngroup'
 The 'minheight' property does not to elements with 'display' set to 'tablecolumngroup'.

minheightappliesto006 


Minheight applied to elements with 'display' set to 'tablecolumn'
 The 'minheight' property does not to elements with 'display' set to 'tablecolumn'.

minheightappliesto007 

Optional 
Minheight applied to elements with 'display' set to 'tablecell'
 The 'minheight' property applies to elements with 'display' set to 'tablecell'.

minheightappliesto008 


Minheight applied to elements with 'display' set to 'inline'
 The 'minheight' property does not apply to elements with 'display' set to 'inline'.

minheightappliesto009 


Minheight applied to elements with 'display' set to 'block'
 The 'minheight' property applies to elements with 'display' set to 'block'.

minheightappliesto010 


Minheight applied to elements with 'display' set to 'listitem'
 The 'minheight' property applies to elements with 'display' set to 'listitem'.

minheightappliesto012 


Minheight applied to elements with 'display' set to 'inlineblock'
 The 'minheight' property applies to elements with 'display' set to 'inlineblock'.

minheightappliesto013 


Minheight applied to elements with 'display' set to 'table'
 The 'minheight' property applies to elements with 'display' set to 'table'.

minheightappliesto014 


Minheight applied to elements with 'display' set to 'inlinetable'
 The 'minheight' property applies to elements with 'display' set to 'inlinetable'.

minheightappliesto015 


Minheight applied to elements with 'display' set to 'tablecaption'
 The 'minheight' property applies to elements with 'display' set to 'tablecaption'.

minheightpercentage001 


Minheight percentage is based on containing block
 A percentage for 'minheight' is calculated with respect to the 'height' of the generated boxes containing block.

minheightpercentage002 


Percentage 'minheight' with no 'height' on containing block
 When the 'height' of the containing block is not specified and the element is not absolutely positioned the percentage is treated as '0' for 'minheight' and 'none' for 'maxheight'.

minheightpercentage003 


minheight  100% of the initial containing block's height
 The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'minheight: 100%;' of the document root element should use all of the document root element's height. A percentage for 'minheight' is calculated with respect to the height of the generated box's containing block.

+
10.8.1 Leading and halfleading

c42ibxht000 

Ahem 
Inline Elements

c527font001 


font

c527font002 


font

c527font003 


font

c527font004 


font

c527font005 


font

c527font006 


font

c527font007 


font

c527font008 


font

c527font009 


font

c527font10 


font

c544valgn000 

AhemBitmaps 
verticalalign

c544valgn001 

AhemBitmaps 
verticalalign

c544valgn002 

AhemBitmapsInteract 
verticalalign

c544valgn003 

AhemBitmapsInteract 
verticalalign

c544valgn004 

AhemBitmapsInteract 
verticalalign

c548leadin000 

Ahem 
lineheight

c548lnht000 

Ahem 
lineheight

c548lnht001 

AhemBitmaps 
lineheight

c548lnht002 

AhemBitmaps 
lineheight

c548lnht003 

AhemBitmaps 
lineheight

c548lnht004 

AhemBitmaps 
lineheight

emptyinline002 

Ahem 
Empty line box influence
 Empty inline elements still influence calculation just like elements with content.

inlineblock000 
= 

Test for inlineblock
 This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inlineblock is formatted as a block box, and the element itself is formatted as an inline replaced element.
 The baseline of an 'inlineblock' is the baseline of its last line box in the normal flow, unless it has either no inflow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.

inlineblockvalign001 
= 

Test for vertical alignment on inlineblock
 This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inlineblock is formatted as a block box, and the element itself is formatted as an inline replaced element.
 The baseline of an 'inlineblock' is the baseline of its last line box in the normal flow, unless it has either no inflow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.

inlineblockvalign002 
= 

Test for vertical alignment on inlineblock
 This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inlineblock is formatted as a block box, and the element itself is formatted as an inline replaced element.
 The baseline of an 'inlineblock' is the baseline of its last line box in the normal flow, unless it has either no inflow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.

inlinetable002a 
= 

Test for inlinetable
 it is a rectangular block that participates in an inline formatting context).
 The baseline of an 'inlinetable' is the baseline of the first row of the table.

inlinetable002b 
= 

Test for inlinetable
 it is a rectangular block that participates in an inline formatting context).
 The baseline of an 'inlinetable' is the baseline of the first row of the table.

inlinetable003 
= 

Test for inlinetable
 it is a rectangular block that participates in an inline formatting context).
 The baseline of an 'inlinetable' is the baseline of the first row of the table.

inlinetablevalign001 
= 

Test for vertical alignment on inlinetable
 it is a rectangular block that participates in an inline formatting context).
 The baseline of an 'inlinetable' is the baseline of the first row of the table.

leading001 

Ahem 
Leading and half leading line heights
 Lineheight can be different from the content area so space is above and below.

lineboxheight001 

Ahem 
Height for inline elements when 'lineheight' is smaller than 'height'
 The 'lineheight' property sets the initial height but that height is increased if the content height is larger.

lineboxheight002 

Bitmaps 
Height for inline replaced elements and 'lineheight'
 The 'lineheight' property doe not set the height for inline replaced elements. The height of the replaced element sets the lineheight'.

lineheight001 

AhemInvalidRecommend 
Lineheight using pixels with a minimum minus one value, 1px
 The 'lineheight' property sets a minimum minus one length value in pixels.

lineheight002 

Ahem 
Lineheight using pixels with a minimum value, 0px
 The 'lineheight' property sets a minimum length value in pixels.

lineheight003 

Ahem 
Lineheight using pixels with a minimum plus one value, 1px
 The 'lineheight' property sets a minimum plus one length value in pixels.

lineheight004 

Ahem 
Lineheight using pixels with a negative zero value, 0px
 The 'lineheight' property sets a negative zero length value in pixels.

lineheight005 

Ahem 
Lineheight using pixels with a positive zero value, +0px
 The 'lineheight' property sets a positive zero length value in pixels.

lineheight006 

Ahem 
Lineheight using pixels with a nominal value, 96px
 The 'lineheight' property sets a nominal length value in pixels.

lineheight007 

Ahem 
Lineheight using pixels with a positive nominal value, +96px
 The 'lineheight' property sets a positive nominal length value in pixels.

lineheight012 

AhemInvalidRecommend 
Lineheight using points with a minimum minus one value, 1pt
 The 'lineheight' property sets a minimum minus one length value in points.

lineheight013 

Ahem 
Lineheight using points with a minimum value, 0pt
 The 'lineheight' property sets a minimum length value in points.

lineheight014 

96Ahem 
Lineheight using points with a minimum plus one value, 1pt
 The 'lineheight' property sets a minimum plus one length value in points.

lineheight015 

Ahem 
Lineheight using points with a negative zero value, 0pt
 The 'lineheight' property sets a negative zero length value in points.

lineheight016 

Ahem 
Lineheight using points with a positive zero value, +0pt
 The 'lineheight' property sets a positive zero length value in points.

lineheight017 

Ahem 
Lineheight using points with a nominal value, 72pt
 The 'lineheight' property sets a nominal length value in points.

lineheight018 

Ahem 
Lineheight using points with a positive nominal value, +72pt
 The 'lineheight' property sets a positive nominal length value in points.

lineheight023 

AhemInvalidRecommend 
Lineheight using picas with a minimum minus one value, 1pc
 The 'lineheight' property sets a minimum minus one length value in picas.

lineheight024 

Ahem 
Lineheight using picas with a minimum value, 0pc
 The 'lineheight' property sets a minimum length value in picas.

lineheight025 

Ahem 
Lineheight using picas with a minimum plus one value, 1pc
 The 'lineheight' property sets a minimum plus one length value in picas.

lineheight026 

Ahem 
Lineheight using picas with a negative zero value, 0pc
 The 'lineheight' property sets a negative zero length value in picas.

lineheight027 

Ahem 
Lineheight using picas with a positive zero value, +0pc
 The 'lineheight' property sets a positive zero length value in picas.

lineheight028 

Ahem 
Lineheight using picas with a nominal value, 6pc
 The 'lineheight' property sets a nominal length value in picas.

lineheight029 

Ahem 
Lineheight using picas with a positive nominal value, +6pc
 The 'lineheight' property sets a positive nominal length value in picas.

lineheight034 

AhemInvalidRecommend 
Lineheight using centimeters with a minimum minus one value, 1cm
 The 'lineheight' property sets a minimum minus one length value in centimeters.

lineheight035 

Ahem 
Lineheight using centimeters with a minimum value, 0cm
 The 'lineheight' property sets a minimum length value in centimeters.

lineheight036 

Ahem 
Lineheight using centimeters with a minimum plus one value, 1cm
 The 'lineheight' property sets a minimum plus one length value in centimeters.

lineheight037 

Ahem 
Lineheight using centimeters with a negative zero value, 0cm
 The 'lineheight' property sets a negative zero length value in centimeters.

lineheight038 

Ahem 
Lineheight using centimeters with a positive zero value, +0cm
 The 'lineheight' property sets a positive zero length value in centimeters.

lineheight039 

Ahem 
Lineheight using centimeters with a nominal value, 2.54cm
 The 'lineheight' property sets a nominal length value in centimeters.

lineheight040 

Ahem 
Lineheight using centimeters with a positive nominal value, +2.54cm
 The 'lineheight' property sets a positive nominal length value in centimeters.

lineheight045 

AhemInvalidRecommend 
Lineheight using millimeters with a minimum minus one value, 1mm
 The 'lineheight' property sets a minimum minus one length value in millimeters.

lineheight046 

Ahem 
Lineheight using millimeters with a minimum value, 0mm
 The 'lineheight' property sets a minimum length value in millimeters.

lineheight047 

Ahem 
Lineheight using millimeters with a minimum plus one value, 1mm
 The 'lineheight' property sets a minimum plus one length value in millimeters.

lineheight048 

Ahem 
Lineheight using millimeters with a negative zero value, 0mm
 The 'lineheight' property sets a negative zero length value in millimeters.

lineheight049 

Ahem 
Lineheight using millimeters with a positive zero value, +0mm
 The 'lineheight' property sets a positive zero length value in millimeters.

lineheight050 

Ahem 
Lineheight using millimeters with a nominal value, 25.4mm
 The 'lineheight' property sets a nominal length value in millimeters.

lineheight051 

Ahem 
Lineheight using millimeters with a positive nominal value, +25.4mm
 The 'lineheight' property sets a positive nominal length value in millimeters.

lineheight056 

AhemInvalidRecommend 
Lineheight using inches with a minimum minus one value, 1in
 The 'lineheight' property sets a minimum minus one length value in inches.

lineheight057 

Ahem 
Lineheight using inches with a minimum value, 0in
 The 'lineheight' property sets a minimum length value in inches.

lineheight058 

Ahem 
Lineheight using inches with a minimum plus one value, 1in
 The 'lineheight' property sets a minimum plus one length value in inches.

lineheight059 

Ahem 
Lineheight using inches with a negative zero value, 0in
 The 'lineheight' property sets a negative zero length value in inches.

lineheight060 

Ahem 
Lineheight using inches with a positive zero value, +0in
 The 'lineheight' property sets a positive zero length value in inches.

lineheight061 

Ahem 
Lineheight using inches with a nominal value, 3in
 The 'lineheight' property sets a nominal length value in inches.

lineheight062 

Ahem 
Lineheight using inches with a positive nominal value, +3in
 The 'lineheight' property sets a positive nominal length value in inches.

lineheight067 

AhemInvalidRecommend 
Lineheight using 'em' units with a minimum minus one value, 1em
 The 'lineheight' property sets a minimum minus one length value in 'em' units.

lineheight068 

Ahem 
Lineheight using 'em' units with a minimum value, 0em
 The 'lineheight' property sets a minimum length value in 'em' units.

lineheight069 

Ahem 
Lineheight using 'em' units with a minimum plus one value, 1em
 The 'lineheight' property sets a minimum plus one length value in 'em' units.

lineheight070 

Ahem 
Lineheight using 'em' units with a negative zero value, 0em
 The 'lineheight' property sets a negative zero length value in 'em' units.

lineheight071 

Ahem 
Lineheight using 'em' units with a positive zero value, +0em
 The 'lineheight' property sets a positive zero length value in 'em' units.

lineheight072 

Ahem 
Lineheight using 'em' units with a nominal value, 6em
 The 'lineheight' property sets a nominal length value in 'em' units.

lineheight073 

Ahem 
Lineheight using 'em' units with a positive nominal value, +6em
 The 'lineheight' property sets a positive nominal length value in 'em' units.

lineheight078 

AhemInvalidRecommend 
Lineheight using 'ex' units with a minimum minus one value, 1ex
 The 'lineheight' property sets a minimum minus one length value in 'ex' units.

lineheight079 

Ahem 
Lineheight using 'ex' units with a minimum value, 0ex
 The 'lineheight' property sets a minimum length value in 'ex' units.

lineheight080 

Ahem 
Lineheight using 'ex' units with a minimum plus one value, 1ex
 The 'lineheight' property sets a minimum plus one length value in 'ex' units.

lineheight081 

Ahem 
Lineheight using 'ex' units with a negative zero value, 0ex
 The 'lineheight' property sets a negative zero length value in 'ex' units.

lineheight082 

Ahem 
Lineheight using 'ex' units with a positive zero value, +0ex
 The 'lineheight' property sets a positive zero length value in 'ex' units.

lineheight083 

Ahem 
Lineheight using 'ex' units with a nominal value, 6ex
 The 'lineheight' property sets a nominal length value in 'ex' units.

lineheight084 

Ahem 
Lineheight using 'ex' units with a positive nominal value, +6ex
 The 'lineheight' property sets a positive nominal length value in 'ex' units.

lineheight089 

AhemInvalidRecommend 
Lineheight using percentages with a minimum minus one value, 1%
 The 'lineheight' property sets a minimum minus one length value in percentages.

lineheight090 

Ahem 
Lineheight using percentages with a minimum value, 0%
 The 'lineheight' property sets a minimum length value in percentages.

lineheight091 

96Ahem 
Lineheight using percentages with a minimum plus one value, 1%
 The 'lineheight' property sets a minimum plus one length value in percentages.

lineheight092 

Ahem 
Lineheight using percentages with a negative zero value, 0%
 The 'lineheight' property sets a negative zero length value in percentages.

lineheight093 

Ahem 
Lineheight using percentages with a positive zero value, +0%
 The 'lineheight' property sets a positive zero length value in percentages.

lineheight094 

Ahem 
Lineheight using percentages with a nominal value, 100%
 The 'lineheight' property sets a nominal length value in percentages.

lineheight095 

Ahem 
Lineheight using percentages with a positive nominal value, +100%
 The 'lineheight' property sets a positive nominal length value in percentages.

lineheight100 

AhemInvalidRecommend 
Lineheight with a minimum minus one value, 1
 The 'lineheight' property sets a minimum minus one number value.

lineheight101 

Ahem 
Lineheight with a minimum value, 0
 The 'lineheight' property sets a minimum number value.

lineheight102 

Ahem 
Lineheight using pixels with a minimum plus one value, 1
 The 'lineheight' property sets a minimum plus one number value.

lineheight103 

Ahem 
Lineheight using pixels with a negative zero value, 0
 The 'lineheight' property sets a negative zero number value.

lineheight104 

Ahem 
Lineheight with a positive zero value, +0
 The 'lineheight' property sets a positive zero number value.

lineheight105 

Ahem 
Lineheight with a nominal value, 5
 The 'lineheight' property sets a nominal number value.

lineheight106 

Ahem 
Lineheight with a positive nominal value, +5
 The 'lineheight' property sets a positive nominal number value.

lineheight111 

AhemRecommend 
Lineheight with keyword value of 'normal'
 The 'lineheight' property set to 'normal' uses the default lineheight.

lineheight112 

Ahem 
Lineheight with keyword value of 'inherit'
 The 'lineheight' property set to 'inherit' uses the default lineheight.

lineheightappliesto001 


Lineheight applied to elements with 'display' set to 'tablerowgroup'
 The 'lineheight' property applies to elements with 'display' set to 'tablerowgroup'.

lineheightappliesto002 


Lineheight applied to elements with 'display' set to 'tableheadergroup'
 The 'lineheight' property applies to elements with 'display' set to 'tableheadergroup'.

lineheightappliesto003 


Lineheight applied to elements with 'display' set to 'tablefootergroup'
 The 'lineheight' property applies to elements with 'display' set to 'tablefootergroup'.

lineheightappliesto004 


Lineheight applied to elements with 'display' set to 'tablerow'
 The 'lineheight' property applies to elements with 'display' set to 'tablerow'.

lineheightappliesto005 


Lineheight applied to elements with 'display' set to 'tablecolumngroup'
 The 'lineheight' property applies to elements with 'display' set to 'tablecolumngroup'.

lineheightappliesto006 


Lineheight applied to elements with 'display' set to 'tablecolumn'
 The 'lineheight' property applies to elements with 'display' set to 'tablecolumn'.

lineheightappliesto007 


Lineheight applied to elements with 'display' set to 'tablecell'
 The 'lineheight' property applies to elements with 'display' set to 'tablecell'.

lineheightappliesto008 


Lineheight applied to elements with 'display' set to 'inline'
 The 'lineheight' property applies to elements with 'display' set to 'inline'.

lineheightappliesto009 


Lineheight applied to elements with 'display' set to 'block'
 The 'lineheight' property applies to elements with 'display' set to 'block'.

lineheightappliesto010 


Lineheight applied to elements with 'display' set to 'listitem'
 The 'lineheight' property applies to elements with 'display' set to 'listitem'.

lineheightappliesto012 


Lineheight applied to elements with 'display' set to 'inlineblock'
 The 'lineheight' property applies to elements with 'display' set to 'inlineblock'.

lineheightappliesto013 


Lineheight applied to elements with 'display' set to 'table'
 The 'lineheight' property applies to elements with 'display' set to 'table'.

lineheightappliesto014 


Lineheight applied to elements with 'display' set to 'inlinetable'
 The 'lineheight' property applies to elements with 'display' set to 'inlinetable'.

lineheightappliesto015 


Lineheight applied to elements with 'display' set to 'tablecaption'
 The 'lineheight' property applies to elements with 'display' set to 'tablecaption'.

lineheightappliesto016 


Lineheight applied to elements with 'display' set to 'none'
 The 'lineheight' property applies to elements with 'display' set to 'none'.

lineheightbleed001 


Glyphs overflow line box
 Glyphs bleed out of the box when 'lineheight' is less than the content height and the height of the box is not increased.

lineheightbleed002 

Ahem 
Glyphs overflow when line height of container is less than content height
 That glyphs bleed out of the box when 'lineheight' can overlap adjoining line boxes.

lineheightbleed003 


Leading and half leading line heights leads to space above and below
 Lineheight can be different from the content area so there is space above and below.

lineheightlargest001 

Optional 
Lineheight with multiple font sizes
 The 'lineheight' value may use the largest font size when there is more than one font size.

lineheightnormalrecommendation001 

AhemRecommend 
Lineheight recommended 'normal' value
 It is recommended that the 'normal' value for 'lineheight' is set to 1.0 or 1.2 'em' units.

tableheightalgorithm031 


Table baseline and caption
 A table caption does not set the baseline for a table.

tableheightalgorithm032 


Inlinetable baseline and caption
 A table caption does not set the baseline for an inlinetable.

verticalalign004 

Ahem 
Verticalalign using pixels with a negative zero value, 0px
 The 'verticalalign' property sets a negative zero length value in pixels.

verticalalign005 

Ahem 
Verticalalign using pixels with a zero value, 0px
 The 'verticalalign' property sets a zero length value in pixels.

verticalalign006 

Ahem 
Verticalalign using pixels with a positive zero value, +0px
 The 'verticalalign' property sets a positive zero length value in pixels.

verticalalign007 

Ahem 
Verticalalign using pixels with a nominal value, 96px
 The 'verticalalign' property sets a nominal length value in pixels.

verticalalign008 

Ahem 
Verticalalign using pixels with a positive nominal value, +96px
 The 'verticalalign' property sets a positive nominal length value in pixels.

verticalalign016 

Ahem 
Verticalalign using points with a negative zero value, 0pt
 The 'verticalalign' property sets a negative zero length value in points.

verticalalign017 

Ahem 
Verticalalign using points with a zero value, 0pt
 The 'verticalalign' property sets a zero length value in points.

verticalalign018 

Ahem 
Verticalalign using points with a positive zero value, +0pt
 The 'verticalalign' property sets a negative zero length value in points.

verticalalign019 

Ahem 
Verticalalign using points with a nominal value, 72pt
 The 'verticalalign' property sets a nominal length value in points.

verticalalign020 

Ahem 
Verticalalign using points with a positive nominal value, +72pt
 The 'verticalalign' property sets a nominal length value in points.

verticalalign028 

Ahem 
Verticalalign using picas with a negative zero value, 0pc
 The 'verticalalign' property sets a negative zero length value in picas.

verticalalign029 

Ahem 
Verticalalign using picas with a zero value, 0pc
 The 'verticalalign' property sets a zero length value in picas.

verticalalign030 

Ahem 
Verticalalign using picas with a positive zero value, +0pc
 The 'verticalalign' property sets a positive zero length value in picas.

verticalalign031 

Ahem 
Verticalalign using picas with a nominal value, 6pc
 The 'verticalalign' property sets a nominal length value in picas.

verticalalign032 

Ahem 
Verticalalign using picas with a positive nominal value, +6pc
 The 'verticalalign' property sets a positive nominal length value in picas.

verticalalign040 

Ahem 
Verticalalign using centimeters with a negative zero value, 0cm
 The 'verticalalign' property sets a negative zero length value in centimeters.

verticalalign041 

Ahem 
Verticalalign using centimeters with a zero value, 0cm
 The 'verticalalign' property sets a zero length value in centimeters.

verticalalign042 

Ahem 
Verticalalign using centimeters with a positive zero value, +0cm
 The 'verticalalign' property sets a positive zero length value in centimeters.

verticalalign043 

Ahem 
Verticalalign using centimeters with a nominal value, 2.54cm
 The 'verticalalign' property sets a nominal length value in centimeters.

verticalalign044 

Ahem 
Verticalalign using centimeters with a positive nominal value, +2.54cm
 The 'verticalalign' property sets a positive nominal length value in centimeters.

verticalalign052 

Ahem 
Verticalalign using millimeters with a negative zero value, 0mm
 The 'verticalalign' property sets a negative zero length value in millimeters.

verticalalign053 

Ahem 
Verticalalign using millimeters with a zero value, 0mm
 The 'verticalalign' property sets a zero length value in millimeters.

verticalalign054 

Ahem 
Verticalalign using millimeters with a positive zero value, +0mm
 The 'verticalalign' property sets a positive zero length value in millimeters.

verticalalign055 

Ahem 
Verticalalign using millimeters with a nominal value, 25.4mm
 The 'verticalalign' property sets a nominal length value in millimeters.

verticalalign056 

Ahem 
Verticalalign using millimeters with a positive nominal value, +25.4mm
 The 'verticalalign' property sets a positive nominal length value in millimeters.

verticalalign064 

Ahem 
Verticalalign using inches with a negative zero value, 0in
 The 'verticalalign' property sets a negative zero length value in inches.

verticalalign065 

Ahem 
Verticalalign using inches with a zero value, 0in
 The 'verticalalign' property sets a zero length value in inches.

verticalalign066 

Ahem 
Verticalalign using inches with a positive zero value, +0in
 The 'verticalalign' property sets a positive zero length value in inches.

verticalalign067 

Ahem 
Verticalalign using inches with a nominal value, 1in
 The 'verticalalign' property sets a nominal length value in inches.

verticalalign068 

Ahem 
Verticalalign using inches with a positive nominal value, +1in
 The 'verticalalign' property sets a positive nominal length value in inches.

verticalalign076 

Ahem 
Verticalalign using 'em' units with a negative zero value, 0em
 The 'verticalalign' property sets a negative zero length value in 'em' units.

verticalalign077 

Ahem 
Verticalalign using 'em' units with a zero value, 0em
 The 'verticalalign' property sets a zero length value in 'em' units.

verticalalign078 

Ahem 
Verticalalign using 'em' units with a positive zero value, +0em
 The 'verticalalign' property sets a positive zero length value in 'em' units.

verticalalign079 

Ahem 
Verticalalign using 'em' units with a nominal value, 6em
 The 'verticalalign' property sets a nominal length value in 'em' units.

verticalalign080 

Ahem 
Verticalalign using 'em' units with a positive nominal value, +6em
 The 'verticalalign' property sets a positive nominal length value in 'em' units.

verticalalign088 

Ahem 
Verticalalign using 'ex' units with a negative zero value, 0ex
 The 'verticalalign' property sets a negative zero length value in 'ex' units.

verticalalign089 

Ahem 
Verticalalign using 'ex' units with a zero value, 0ex
 The 'verticalalign' property sets a zero length value in 'ex' units.

verticalalign090 

Ahem 
Verticalalign using 'ex' units with a positive zero value, +0ex
 The 'verticalalign' property sets a positive zero length value in 'ex' units.

verticalalign091 

Ahem 
Verticalalign using 'ex' units with a nominal value, 6ex
 The 'verticalalign' property sets a nominal length value in 'ex' units.

verticalalign092 

Ahem 
Verticalalign using 'ex' units with a positive nominal value, +6ex
 The 'verticalalign' property sets a positive nominal length value in 'ex' units.

verticalalign100 

Ahem 
Verticalalign using percentages with a negative zero value, 0%
 The 'verticalalign' property sets a negative zero length value in percentages.

verticalalign101 

Ahem 
Verticalalign using percentages with a zero value, 0%
 The 'verticalalign' property sets a zero length value in percentages.

verticalalign102 

Ahem 
Verticalalign using percentages with a positive zero value, +0%
 The 'verticalalign' property sets a positive zero length value in percentages.

verticalalign103 

Ahem 
Verticalalign using percentages with a nominal value, 100%
 The 'verticalalign' property sets a nominal length value in percentages.

verticalalign104 

Ahem 
Verticalalign using percentages with a positive nominal value, +100%
 The 'verticalalign' property sets a positive nominal length value in percentages.

verticalalign109 

Ahem 
Verticalalign with a negative zero value and no units, 0
 The 'verticalalign' property sets a negative zero length value with no units.

verticalalign110 

Ahem 
Verticalalign with a zero value and no units, 0
 The 'verticalalign' property sets a zero length value with no units.

verticalalign111 

Ahem 
Verticalalign with a positive zero value and no units, +0
 The 'verticalalign' property sets a positive zero length value with no units.

verticalalign112 

Ahem 
Verticalalign with a keyword, 'baseline'
 The 'verticalalign' property sets the keyword 'baseline'.

verticalalign113 

Ahem 
Verticalalign with a keyword, 'bottom'
 The 'verticalalign' property sets the keyword 'bottom'.

verticalalign114 

Ahem 
Verticalalign with a keyword, 'middle'
 The 'verticalalign' property sets the keyword 'middle'.

verticalalign115 

Ahem 
Verticalalign with a keyword, 'sub'
 The 'verticalalign' property sets the keyword 'sub'.

verticalalign116 

Ahem 
Verticalalign with a keyword, 'super'
 The 'verticalalign' property sets the keyword 'super'.

verticalalign117 

Ahem 
Verticalalign with a keyword, 'textbottom'
 The 'verticalalign' property sets the keyword 'textbottom'.

verticalalign118 

Ahem 
Verticalalign with a keyword, 'texttop'
 The 'verticalalign' property sets the keyword 'texttop'.

verticalalign119 

Ahem 
Verticalalign with a keyword, 'top'
 The 'verticalalign' property sets the keyword 'top'.

verticalalign120 

Ahem 
Verticalalign with a keyword, 'inherit'
 The 'verticalalign' property sets the keyword 'inherit' and inherits the computed value from the parent element.

verticalalignappliesto001 

Ahem 
Verticalalign applied to elements with 'display' set to 'tablerowgroup'
 The 'verticalalign' property does not apply to elements with 'display' set to 'tablerowgroup'.

verticalalignappliesto002 

Ahem 
Verticalalign applied to elements with 'display' set to 'tableheadergroup'
 The 'verticalalign' property does not apply to elements with 'display' set to 'tableheadergroup'.

verticalalignappliesto003 

Ahem 
Verticalalign applied to elements with 'display' set to 'tablefootergroup'
 The 'verticalalign' property does not apply to elements with 'display' set to 'tablefootergroup'.

verticalalignappliesto004 

Ahem 
Verticalalign applied to elements with 'display' set to 'tablerow'
 The 'verticalalign' property does not apply to elements with 'display' set to 'tablerow'.

verticalalignappliesto005 

Ahem 
Verticalalign applied to elements with 'display' set to 'tablecolumngroup'
 The 'verticalalign' property does not apply to elements with 'display' set to 'tablecolumngroup'.

verticalalignappliesto006 

Ahem 
Verticalalign applied to elements with 'display' set to 'tablecolumn'
 The 'verticalalign' property does not apply to elements with 'display' set to 'tablecolumn'.

verticalalignappliesto007 

Ahem 
Verticalalign applied to elements with 'display' set to 'tablecell'
 The 'verticalalign' property applies to elements with 'display' set to 'tablecell'.

verticalalignappliesto008 

Ahem 
Verticalalign applied to elements with 'display' set to 'inline'
 The 'verticalalign' property applies to elements with 'display' set to 'inline'.

verticalalignappliesto009 

Ahem 
Verticalalign applied to elements with 'display' set to 'block'
 The 'verticalalign' property does not apply to elements with 'display' set to 'block'.

verticalalignappliesto010 

Ahem 
Verticalalign applied to elements with 'display' set to 'listitem'
 The 'verticalalign' property does not apply to elements with 'display' set to 'listitem'.

verticalalignappliesto012 

Ahem 
Verticalalign applied to elements with 'display' set to 'inlineblock'
 The 'verticalalign' property does not apply to elements with 'display' set to 'inlineblock'.

verticalalignappliesto013 

Ahem 
Verticalalign applied to elements with 'display' set to 'table'
 The 'verticalalign' property does not apply to elements with 'display' set to 'table'.

verticalalignappliesto014 

Ahem 
Verticalalign applied to elements with 'display' set to 'inlinetable'
 The 'verticalalign' property does not apply to elements with 'display' set to 'inlinetable'.

verticalalignappliesto015 

Ahem 
Verticalalign applied to elements with 'display' set to 'tablecaption'
 The 'verticalalign' property does not apply to elements with 'display' set to 'tablecaption'.

verticalalignbaseline001 

Ahem 
Verticalalign set to '0%' is equal to 'baseline'
 The 'verticalalign' property set to '0%' means the same as the 'baseline'.

verticalalignbaseline002 

Ahem 
Verticalalign set to '0' is equal to 'baseline'
 The 'verticalalign' property set to '0' means the same as the 'baseline'.

verticalalignbaseline003 


Verticalalign applied to 'inlineblock' and baseline alignment
 The 'verticalalign' property aligns the last line box of 'inlineblock' elements with the baseline.

verticalalignbaseline004 

Ahem 
Verticalalign applied to empty 'inlineblock' and baseline alignment
 The 'verticalalign' property aligns an empty 'inlineblock' elements' bottom margin edge with the baseline.

verticalalignbaseline005 

Ahem 
Verticalalign applied to an 'inlineblock' with 'overflow' not set to 'visible' and baseline alignment
 The 'verticalalign' property aligns an 'inlineblock' elements' bottom margin edge with the baseline when 'overflow' is not set to 'visible'.

verticalalignbaseline006 


Baseline alignment with an inline element parent
 The baseline of an inline element is aligned with the baseline of its child inlineblock when 'verticalalign: baseline' is specified on the child.

verticalalignbaseline007 


Baseline alignment with a block element parent
 The baseline of a block element is aligned with the baseline of its child inline element when 'verticalalign: baseline' is specified on the child.

verticalalignbaseline008 


Baseline alignment with a tablecell element parent
 The baseline of a table cell element is aligned with the baseline of its child inline element when 'verticalalign: baseline' is specified on the child.

verticalalignbaseline009 


Baseline alignment with a table caption element parent
 The baseline of a table caption element is aligned with the baseline of its child inline element when 'verticalalign: baseline' is specified on the child.

verticalalignbaseline010 


Baseline alignment with an inlineblock element parent
 The baseline of an inlineblock element is aligned with the baseline of its child inline element when 'verticalalign: baseline' is specified on the child.

verticalalignsub001 


Verticalalign set to 'sub' does not adjust fontsize
 The 'verticalalign' property value 'sub' has no effect on the fontsize of an element's text.

verticalalignsuper001 


Verticalalign set to 'super' does not adjust fontsize
 The 'verticalalign' property value 'super' has no effect on the fontsize of an element's text.
