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
has
hover
in-range
indeterminate
invalid
is
lang
last-child
last-of-type
link
local-link
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)