Css2 media type

Source: Internet
Author: User

Media types allow you to define the media to submit documents. Documents can be displayed on the display, paper media, or auditory browsers.

Media type

Some CSS attributes are only designed for certain media. For example, the "voice-Family" attribute is designed for auditory user terminals. Other attributes can be used in different media. For example, the "font-size" attribute can be used for display and print media, but may have different values. The document displayed on the display usually requires a larger font size than the paper media document. At the same time, on the display, the Sans-serif font is easier to read, while on the paper media, the serif font is easier to read.

@ Media rules

@ Media rules enable you to use different style rules for different media in the same style sheet.

The style in the following example tells the browser to display a 14-pixel verdana font on the display. However, if the page needs to be printed, the 10-pixel Times font will be used. Note: font-weight is set to bold, whether display or paper media:

<HTML> @ Media screen{P. Test {font-family: verdana, sans-serif; font-size: 14px }}@ Media Print{P. Test {font-family: Times, Serif; font-size: 10px }}@ Media screen, print{P. Test {font-weight: bold }}</style>  
Different media types

Note:Media type names are case insensitive.

Browser support:IE: Internet Explorer,F: Firefox,N: Netscape.

W3C: The number in the W3C column shows which CSS standard defines the attribute background (css1 or css2 ).

Media type Description
All Used for all media devices.
Aural Used for speech and audio synthesizer.
Braille It is used for blind people to use the dot-text method for tactile feedback devices.
Embossed Blind persons used for paging use the dot-Print printer.
Handheld Small handheld devices.
Print Used for printers.
Projection Used for scheme display, such as slides.
Screen Used for computer display.
Tty It is used to use fixed-density letter raster media, such as telex typewriters and terminals.
TV A device of the TV type.
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.