display-mode is a CSS media feature that selectively applies CSS based on the display mode of the application. This feature corresponds the Web app manifest's display member. Both apply to the top-level browsing context and any child browsing contexts. This query applies regardless of whether a web app manifest is present. Use this query to provide a consistant user experience between launching a site from an URL and lunching it from a desktop icon.
The display-inside CSS property specifies the inner display type of the box generated by an element, dictating how its contents lay out inside the box.
The display-outside CSS property specifies the outer display type of the box generated by an element, dictating how the element participates in its parent formatting context.