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'sarguments 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'sarguments 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