picture-in-picture

• Description
• Syntax
• Examples
• Links

The picture-in-picture pseudo-class for CSS represents an element which is displayed in a mode that takes up most (usually all) of the viewport, and whose viewport is confined to part of the screen while being displayed over other content.

selector:picture-in-picture
{
    property: value;
}

• fullscreen
• modal

• active
• any-link
• autofill
• blank
• checked
• default
• defined
• dir
• disabled
• empty
• enabled
• first-child
• first-of-type
• focus
• focus-visible
• focus-within
• fullscreen
• has
• hover
• in-range
• indeterminate
• invalid
• is
• lang
• last-child
• last-of-type
• link
• local-link
• modal
• not
• nth-child
• nth-col
• nth-last-child
• nth-last-col
• nth-last-of-type
• nth-of-type
• only-child
• only-of-type
• optional
• out-of-range
• placeholder-shown
• popover-open
• read-only
• read-write
• required
• root
• scope
• target
• valid
• visited
• where

• World Wide Web Consortium (W3C)