WeasySuite - 11.1.2 Clipping: the 'clip' property

Chapter 11 - Visual effects - 11.1.2 Clipping: the 'clip' property

Go to the relevant page of the specification.

absolute-replaced-height-036 (image): Absolute Replaced Elements: specified 'top' and 'bottom' with auto margins
If 'top' and 'bottom' are specified on an absolutely-positioned replaced element, then any remaining space is split amongst the 'auto' vertical margins.
abspos-028: Abspos static position and clear
The static position is calculated as if clear had been none.
clip-001 (dom): clip - auto value
An element must not clip when clip is set to auto.
clip-004: Clip using pixels with a negative zero value, -0px
The 'clip' property sets a negative zero value, in pixels, for all sides of the clipping rectangle.
clip-005: Clip using pixels with a zero value, 0px
The 'clip' property sets a zero value, in pixels, for all sides of the clipping rectangle.
clip-006: Clip using pixels with a zero value, +0px
The 'clip' property sets a zero value, in pixels, for all sides of the clipping rectangle.
clip-007: Clip using pixels with a nominal value, 96px
The 'clip' property sets a value of ninety-six pixels, for all sides of the clipping rectangle.
clip-008: Clip using pixels with a positive nominal value, +96px
The 'clip' property sets a value of ninety-six pixels, for all sides of the clipping rectangle.
clip-016: Clip using points with a negative zero value, -0pt
The 'clip' property sets a negative zero value, in points, for all sides of the clipping rectangle.
clip-017: Clip using points with a zero value, 0pt
The 'clip' property sets a zero value, in points, for all sides of the clipping rectangle.
clip-018: Clip using points with a zero value, +0pt
The 'clip' property sets a zero value, in points, for all sides of the clipping rectangle.
clip-019: Clip using points with a nominal value, 72pt
The 'clip' property sets a of seventy-two points for all sides of the clipping rectangle.
clip-020: Clip using points with a positive nominal value, +72pt
The 'clip' property sets a of seventy-two points for all sides of the clipping rectangle.
clip-028: Clip using picas with a negative zero value, -0pc
The 'clip' property sets a negative zero value, in picas, for all sides of the clipping rectangle.
clip-029: Clip using picas with a zero value, 0pc
The 'clip' property sets a zero value, in picas, for all sides of the clipping rectangle.
clip-030: Clip using picas with a zero value, +0pc
The 'clip' property sets a zero value, in picas, for all sides of the clipping rectangle.
clip-031: Clip using picas with a nominal value, 6pc
The 'clip' property sets a of six picas for all sides of the clipping rectangle.
clip-032: Clip using picas with a positive nominal value, +6pc
The 'clip' property sets a of six picas for all sides of the clipping rectangle.
clip-040: Clip using centimeters with a negative zero value, -0cm
The 'clip' property sets a negative zero value, in centimeters, for all sides of the clipping rectangle.
clip-041: Clip using centimeters with a zero value, 0cm
The 'clip' property sets a zero value, in centimeters, for all sides of the clipping rectangle.
clip-042: Clip using centimeters with a zero value, +0cm
The 'clip' property sets a zero value, in centimeters, for all sides of the clipping rectangle.
clip-043: Clip using centimeters with a nominal value, 2.54cm
The 'clip' property sets a value of 2.54 centimeters, for all sides of the clipping rectangle.
clip-044: Clip using centimeters with a positive nominal value, +2.54cm
The 'clip' property sets a value of 2.54 centimeters, for all sides of the clipping rectangle.
clip-052: Clip using millimeters with a negative zero value, -0mm
The 'clip' property sets a negative zero value, in millimeters, for all sides of the clipping rectangle.
clip-053: Clip using millimeters with a zero value, 0mm
The 'clip' property sets a zero value, in millimeters, for all sides of the clipping rectangle.
clip-054: Clip using millimeters with a zero value, +0mm
The 'clip' property sets a zero value, in millimeters, for all sides of the clipping rectangle.
clip-055: Clip using millimeters with a nominal value, 25.4mm
The 'clip' property sets a value of 25.4 millimeters, for all sides of the clipping rectangle.
clip-056: Clip using millimeters with a positive nominal value, +25.4mm
The 'clip' property sets a value of 25.4 millimeters, for all sides of the clipping rectangle.
clip-064: Clip using inches with a negative zero value, -0in
The 'clip' property sets a negative zero value, in inches, for all sides of the clipping rectangle.
clip-065: Clip using inches with a zero value, 0in
The 'clip' property sets a zero value, in inches, for all sides of the clipping rectangle.
clip-066: Clip using inches with a zero value, +0in
The 'clip' property sets a zero value, in inches, for all sides of the clipping rectangle.
clip-067: Clip using inches with a nominal value, 1in
The 'clip' property sets a value, in inches, for all sides of the clipping rectangle.
clip-068: Clip using inches with a positive nominal value, +96in
The 'clip' property sets a value, in inches, for all sides of the clipping rectangle.
clip-076 (ahem): Clip using 'em' units with a negative zero value, -0em
The 'clip' property sets a negative zero value, in 'em' units, for all sides of the clipping rectangle.
clip-077 (ahem): Clip using 'em' units with a zero value, 0em
The 'clip' property sets a zero value, in 'em' units, for all sides of the clipping rectangle.
clip-078 (ahem): Clip using 'em' units with a positive zero value, +0em
The 'clip' property sets a positive zero value, in 'em' units, for all sides of the clipping rectangle.
clip-079 (ahem): Clip using 'em' units with a nominal value, 6em
The 'clip' property sets a value, in 'em' units, for all sides of the clipping rectangle.
clip-080 (ahem): Clip using 'em' units with a positive nominal value, +6em
The 'clip' property sets a value, in 'em' units, for all sides of the clipping rectangle.
clip-088 (ahem): Clip using 'ex' units with a negative zero value, -0ex
The 'clip' property sets a negative zero value, in 'ex' units, for all sides of the clipping rectangle.
clip-089 (ahem): Clip using 'ex' units with a zero value, 0ex
The 'clip' property sets a zero value, in 'ex' units, for all sides of the clipping rectangle.
clip-090 (ahem): Clip using 'ex' units with a positive zero value, +0ex
The 'clip' property sets a positive zero value, in 'ex' units, for all sides of the clipping rectangle.
clip-091 (ahem): Clip using 'ex' units with a nominal value, 7.5ex
The 'clip' property sets a value, in 'ex' units, for all sides of the clipping rectangle.
clip-092 (ahem): Clip using 'ex' units with a positive nominal value, +7.5ex
The 'clip' property sets a value, in 'ex' units, for all sides of the clipping rectangle.
clip-097: Clip with a negative zero value with no units, -0
The 'clip' property sets a negative zero value and no units, for all sides of the clipping rectangle.
clip-098: Clip with a zero value with no units, 0
The 'clip' property sets a zero value and no units, for all sides of the clipping rectangle.
clip-099: Clip with a positive zero value with no units, +0
The 'clip' property sets a positive zero value and no units, for all sides of the clipping rectangle.
clip-100: Clip using the 'rect()' function and specifying all values as 'auto'
The 'clip' property sets an 'auto' value for all sides of the clipping rectangle.
clip-101: Clip specifying only the value 'auto'
The 'clip' properly applies the value of 'auto'.
clip-102: Clip with the value 'inherit'
The 'clip' property set to 'inherit' properly inherits the appropriate value for the parent element.
clip-inherit-001: clip: Inheriting 'auto' arguments of rect()
The 'auto' keywords in rect() resolve to a used (not computed) value that aligns them with the border edges.
clip-non-absolute-001: Clip on non-positioned element
Clip does not apply to non-positioned elements.
clip-rect-001 (invalid, may): clip: Missing commas in rect()
User agents may support separation of values within rect() by whitespace instead of commas, but not a combination of whitespace and commas.
clip-shape-001: Clip with other invalid shape
A shape value other than 'rect()' is not supported.
clipping-001: 'clip': Basic Test
clipping-009
clipping-010: CSS clipping test
clipping-011: CSS clipping test
clipping-012: CSS clipping test
clipping-013: CSS clipping test
clipping-014: CSS clipping test
clipping-016: 'clip': Basic Test
clipping-017: Convoluted clip() test
shape-spaces-001 (may): Clip with 'rect()' function values separated
User agent may also support separation of the 'rect()' function values 'top', 'right', 'bottom', and 'left' with spaces.
table-anonymous-whitespace-001: Table Anonymous Box Generation - interleaved whitespace
Anonymous white space inside a tabular container does not generate any boxes.