CSS :fullscreen Pseudo-class

Definition and Usage

CSS :fullscreen Pseudo-classes are used to select and set the styles of any element currently in full-screen mode.

Example

Set the background color to yellow when the page is in full-screen mode:

:fullscreen {
  background-color: yellow;
}

Try It Yourself

CSS Syntax

:fullscreen {
  css declarations;
}

Technical Details

Version: Fullscreen API

Browser Support

The numbers in the table specify the first browser version to fully support the pseudo-class.

Chrome Edge Firefox Safari Opera
71 12 64 16.4 58

Related Pages

Tutorial:CSS Pseudo-classes