YouTipProp Source Media
[ Source Object](#)
## Example
Returns what type of media/device the specified file is optimized for:
```javascript
var x = document.getElementById("mySource").media;
The output of _x_ is:
screen and (min-width:320px)
[Try it yourself »](#)
* * *
## Definition and Usage
The media property sets or returns the value of the media attribute in .
The media property specifies the type of media resource (what type of media/device the file is optimized for).
The browser uses the media attribute to determine whether it can play the file. If it cannot, it may choose not to download the file.
**Note:** The element is new in HTML5.
* * *
## Browser Support
The media property is supported by all major browsers.
**Note:** Almost all major browsers do not support the media property.
* * *
## Syntax
To get the media property:
```javascript
_sourceObject_.media
To set the media property:
```javascript
_sourceObject_.media=_value_
**Note:** The property can accept multiple values.
## Possible Operators
| Value | Description |
| --- | --- |
| and | Specifies an AND operator. |
| not | Specifies a NOT operator. |
| , | Specifies an OR operator. |
## Devices
| Value | Description |
| --- | --- |
| all | Default. Suitable for all devices. |
| aural | Speech synthesizers. |
| braille | Braille feedback devices. |
| handheld | Handheld devices (small screens, limited bandwidth). |
| projection | Projectors. |
| print | Print preview mode / printed pages. |
| screen | Computer screens. |
| tty | Teletypewriters and similar media using a monospaced character grid. |
| tv | Television-type devices (low resolution, limited scroll ability). |
## Values
| Value | Description |
| --- | --- |
| width | Specifies the width of the target display area. Can use the "min-" and "max-" prefixes. Example: media="screen and (min-width:500px)" |
| height | Specifies the height of the target display area. Can use the "min-" and "max-" prefixes. Example: media="screen and (max-height:700px)" |
| device-width | Specifies the width of the target display/paper. Can use the "min-" and "max-" prefixes. Example: media="screen and (device-width:500px)" |
| device-height | Specifies the height of the target display/paper. Can use the "min-" and "max-" prefixes. Example: media="screen and (device-height:500px)" |
| orientation | Specifies the orientation of the target display/paper. Possible values: "portrait" or "landscape". Example: media="all and (orientation: landscape)" |
| aspect-ratio | Specifies the width/height ratio of the target display area. Can use the "min-" and "max-" prefixes. Example: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Specifies the device-width/device-height ratio of the target display/paper. Can use the "min-" and "max-" prefixes. Example: media="screen and (aspect-ratio:16/9)" |
| color | Specifies the bits/color of the target display. Can use the "min-" and "max-" prefixes. Example: media="screen and (color:3)" |
| color-index | Specifies the number of colors the target display can handle. Can use the "min-" and "max-" prefixes. Example: media="screen and (min-color-index:256)" |
| monochrome | Specifies the bits/pixel in a monochrome frame buffer. Can use the "min-" and "max-" prefixes. Example: media="screen and (monochrome:2)" |
| resolution | Specifies the pixel density (dpi or dpcm) of the target display/paper. Can use the "min-" and "max-" prefixes. Example: media="print and (resolution:300dpi)" |
| scan | Specifies the scanning method of a tv display. Possible values: "progressive" and "interlace". Example: media="tv and (scan:interlace)" |
| grid | Specifies whether the output device is a grid or bitmap. Possible values: "1" for grid, otherwise "0". Example: media="handheld and (grid:1)" |
## Technical Details
| Return Value: | A string representing the type of media resource. |
| --- |
* * *
## Related Articles
HTML Reference: (#)
* * Source Object](#)