Join TalkersCode Now !

Get Latest Tutorials And Links On Web Development
And Get Existing Offers Via Email

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 With Our 21000+ Subscribers And Get Our Latest Tutorials Update Via Email

    Are You Starting A New Blog
    Do You Want Best Web Hosting?

    Try World's Best Web Hosting Provider BlueHost
    At Just $3.95/mo

    Hurry Up! Limited Time Offer

    Yes, I Want To Check Out BlueHost

    Check The World's Best SEO And All-In-One Marketing Toolkit
    For Digital Marketing Professionals SEMRUSH

    Check Out SEMRUSH