8.1 Mathematical Expressions: calc()

Chapter 8 - Functional Notations - 8.1 Mathematical Expressions: calc()

Go to the relevant page of the specification.

calc-background-image-gradient-1
Test for calc() on background-image gradients
calc-background-linear-gradient-1
Support calc() on gradient stop positions
calc-background-position-1
Test for calc() on background-position
calc-background-size-1
Test for calc() on background-size
calc-border-radius-1
test for border-radius: calc()
calc-height-block-1
Test for height:calc() on blocks
calc-height-table-1
Test that height:calc() with no percentages has an effect on inner table elements
calc-in-calc
Calc() inside calc()
The calc() function notation is allowed inside a calc() notation.
calc-in-media-queries-001
Calc function inside media queries
The calc() expression is supported in the min-width media query.
calc-in-media-queries-002
Calc function inside media queries
The calc() expression is supported in the min-width media query properly (=with range clamping).
calc-invalid-range-clamping
Range clamping into calc() expressions
A calc expression can evaluate to a value which is outside the validity range. If it does, this value must be clamped into the range. The declaration must not be ignored.
calc-margin-block-1
Test of margin-*: calc()
calc-max-height-block-1
Test for max-height:calc() on blocks
calc-max-width-block-1
max-width: calc() on blocks
calc-max-width-block-intrinsic-1
intrinsic width of max-width: calc() on blocks
calc-min-height-block-1
Test for min-height:calc() on blocks
calc-min-width-block-1
min-width: calc() on blocks
calc-min-width-block-intrinsic-1
intrinsic width of min-width: calc() on blocks
calc-offsets-absolute-bottom-1
Test for bottom:calc() on absolutely positioned elements
calc-offsets-absolute-left-1
Test for left:calc() on absolutely positioned elements
calc-offsets-absolute-right-1
Test for right:calc() on absolutely positioned elements
calc-offsets-absolute-top-1
Test for top:calc() on absolutely positioned elements
calc-offsets-relative-bottom-1
Test for bottom:calc() on relatively positioned elements
calc-offsets-relative-left-1
Test for left:calc() on relatively positioned elements
calc-offsets-relative-right-1
Test for right:calc() on relatively positioned elements
calc-offsets-relative-top-1
Test for top:calc() on relatively positioned elements
calc-padding-block-1
Test of padding-*: calc()
calc-parenthesis-stack
Calc() inside calc()
The calc() function notation is allowed inside a calc() notation.
calc-text-indent-1
text-indent: calc() on blocks
calc-text-indent-intrinsic-1
intrinsic width of text-indent: calc() on blocks
calc-transform-origin-1
Test for calc() on transform-origin
calc-vertical-align-1
Test for vertical-align:calc()
calc-width-block-1
width: calc() on blocks
calc-width-block-intrinsic-1
intrinsic width of width: calc() on blocks
calc-width-table-auto-1
width: calc() on table-layout: auto tables
calc-width-table-fixed-1
width: calc() on table-layout: auto tables
mq-calc-001
support for calc in Media Queries
calc can be used in Media Queries
mq-calc-002
evaluation of em in calc in Media Queries
The size in pixels of the 'em' unit used in calc inside a media query does not depend on declarations and use the initial value.
mq-calc-003
evaluation of ex in calc in Media Queries
The size in pixels of the 'ex' unit used in calc inside a media query does not depend on declarations and use the initial value.
mq-calc-004
evaluation of ch in calc in Media Queries
The size in pixels of the 'ch' unit used in calc inside a media query does not depend on declarations and use the initial value.
mq-calc-005
evaluation of rem in calc in Media Queries
The size in pixels of the 'rem' unit used in calc inside a media query does not depend on declarations and use the initial value.
shape-outside-circle-010 (dom, script)
Shape Outside Circle args - calc() values
A circle's arguments may be in calc() values.
shape-outside-circle-011 (dom, script)
Shape Outside Circle position args - calc() values
A circle's arguments may be in calc() values.
shape-outside-ellipse-010 (dom, script)
Shape Outside Ellipse args - calc() values
An ellipse's arguments may be in calc() values.
shape-outside-ellipse-011 (dom, script)
Shape Outside Ellipse position args - calc() values
An ellipse's arguments may be in calc() values.
shape-outside-inset-008 (dom, script)
Shape Outside Inset Args - calc() values
An inset's arguments may be in calc() values.
shape-outside-inset-009 (dom, script)
Shape Outside Inset round args - calc() values
An inset's radial component arguments may be in calc() values.
shape-outside-polygon-006 (dom, script)
Shape Outside Polygon args - calc() values
A polygon's arguments may be in calc() values.
vh-calc-support
Viewport units are supported inside calc expressions.
Check that viewport units add correctly to pixels in calc() expressions
vh-calc-support-pct
Viewport units are supported inside calc expressions.
Check that viewport units add correctly to percentages in calc() expressions