HTML DOM 源媒体属性

HTML DOM 源媒体属性用于设置或返回 元素的media属性的值。 媒体属性用于接受通常在 CSS 中定义的任何有效媒体查询。该属性可以接受多个值。

句法：

• 它用于返回媒体属性。

  SourceObject.media;

• 它用于设置媒体属性。

  SourceObject.media="values";

可能的运算符

• 和：和 运算符
• not：非运算符
• 或：或运算符

设备

• all：适用于所有设备
• aural：语音合成器
• braille：盲文反馈装置
• 手持：手持设备（小屏幕，有限带宽）
• 投影：投影仪
• print：打印预览模式/打印页面
• 屏幕：电脑屏幕
• tty：使用固定间距字符网格的电传打字机和类似媒体
• 电视：低分辨率或有限滚动能力类型的设备，如电视。

价值观

• width：用于定位显示区域的宽度。
• height：用于定位显示区域的高度
• device-width：用于目标显示或纸张的宽度。
• device-height：用于目标显示或纸张的高度。
• 方向：目标显示器或纸张的方向。
• aspect-ratio 宽度/高度：目标显示区域的比例。
• device-aspect-ratio：目标显示器/纸张的设备宽度/设备高度比率。
• 颜色：目标显示器的每种颜色的位数。
• color-index：目标显示器可以处理的颜色数。
• 单色：单色帧缓冲区中每像素的位数。
• 分辨率 像素：目标显示器/纸张的密度（dpi 或 dpcm）。
• 扫描：电视显示器的扫描方法。
• 网格：如果输出设备是网格或位图。

返回值：返回一个String值，代表媒体资源的缩进类型

示例：下面的 HTML 代码返回源媒体属性。

HTML

  

    
        body {
            text-align: center;
        }
  
        h1 {
            color: green;
        }
    

  

    GeeksforGeeks
    HTML DOM Source media property
  
    
        
  
        
    
    Click the button to get the media of the source file.
  
    
        Get Media
    
  
    
  
    
        function myGeeks() {
            var x = document.getElementById("mySource").media;
            document.getElementById("demo").innerHTML = x;
        }
    

  

输出 ：

支持的浏览器：

• 谷歌浏览器
• 歌剧
• 苹果浏览器
• 火狐
• IE浏览器