knock-out

Summary

Defines whether an element group is a knock-out group. When a group is set to knock-out, the elements in the group only composite and blend with elements outside the group. When a group is set to preserve (the default), the elements composite normally and blend with other elements inside and outside the group.

Overview table

Initial value: preserve
Applies to: All HTML elements. In SVG, it applies to all container elements except mask.
Inherited: Yes
Media: visual
Computed value: As specified.
Animatable: No

CSS Object Model Property
:

Percentages: N/A

Syntax

knock-out: knock-out
knock-out: preserve

Values

preserve: Elements in the group composite normally and blend with other elements inside and outside the group.
knock-out: Elements in the group only composite and blend with elements outside the group.

Examples

/* knock-out */
div.ko {
    knock-out: knock-out;
}

Related specifications

Compositing and Blending Level 1: W3C Editor’s Draft
Compositing and Blending 1.0: W3C Working Draft