A media type can be declared in the head of an HTML document using the "media" attribute inside of a <link> element.
|all||ussed for all device|
|used to printer|
|screen||used to screen|
|speech||used to screenreaders|
|color||number of bits per color component|
|grid||true for a grid-based device|
|hover||Does the primary input mechanism allow the user to hover over elements? (added in Media Queries Level 4)|
|min-monochrome||The minimum number of bits per "color" on a monochrome device|
|color-index||The number of colors the device can display|
|height||height of the rendering surface|
|device-height||Height of the rendering surface of the output device|
|device-width||width of the output device|
|min-height||The minimum height of the display area|
|max-height||The maximum height of the display are|
|min-width||he minimum width of the display area|
|resolution||Pixel density of the output device|
|overflow-inline||Can content that overflows the viewport along the inline axis be scrolled(Added in Media Queries Level 4.)|
|overflow-block||How does the output device handle content that overflows the viewport along the block axis (added in Media Queries Level 4)|
|scan||Scanning process of the output device|
|width||width of the rendering surface|
|update||How quickly can the output device modify the appearance of the content(Added in Media Queries Level 4.)|
|pointer||How frequently the output device can modify the appearance of content(Added in Media Queries Level 4.)|
the element become hide when thw browse size become less then or grater then 600px;
the hover element is primary input mechanism can test whether the user's primary input mechanism can hover over elements.
The color feature is specified value that represents the number of bits per color component (red, green, blue) of the output device.
The grid feature is used to test whether the output device is grid-based screen or not.
The height is used to apply styles based on the height of the viewport
it use to test scanning process
he pointer media feature tests whether the user has a pointing device (such as a mouse), and if so, how accurate the primary pointing device is.
It is use to test the width of the viewpor
It is use to test how frequently (if at all) the output device