picture-in-picture

The picture-in-picture CSS pseudo-class 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.

Syntax

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

Examples

1 · CSS

2 · JS · Inline

3 · JS · Internal

fullscreen

modal

active

any-link

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

read-only

read-write

required

root

scope

target

valid

visited

where

World Wide Web Consortium (W3C)

Home Menu