CSS Media Types

CSS Media Types

Media Types is very important feature of style sheets with the help of this we can set different layout for different screen and screen sizes for eg screen, print, mobile, tablet, television etc.


We can use different media type in single style sheets


Syntax of Media Types

@media screen
{
div
{
font-family: verdana,sans-serif;
font-size: 15px;
}
}

@media print
{
div
{
font-size: 18px;
font-style:italic;
}
}

Other Media Types

  • all is used for all media type devices

  • aural is used for speech and sound synthesizers

  • braille is used for braille tactile feedback devices

  • embossed is used for paged braille printers

  • handheld is used for small or handheld devices

  • print is used for printers

  • projection is used for projected presentations

  • screenis used for computer screens

  • tty is used for media using a fixed-pitch character grid

  • tv is used for television-type devices

  • PrevNext

    Join Us And Get Our Latest Tutorials Updates Via Email