Link mediaプロパティ
Link オブジェクト定義と使い方
media プロパティは、ドキュメントを表示するデバイスを設定または返します。
スタイル情報にとって、ターゲットメディアは非常に重要です。モバイルデバイスとデスクトップコンピュータではスタイルが異なる場合があります。
構文
media プロパティを設定する：
linkObject.media="device"
media プロパティを返す：
linkObject.media
device以下の値を指定できます：
| 值 | 説明 |
|---|---|
| screen | ページ化されていないコンピュータ画面用。 |
| tty | 等幅文字グリッドを使用するメディア用（タイプライター、端末、またはその他の表示能力が限られたデバイスなど）。 |
| tv | TV タイプのデバイス用。 |
| projection | プロジェクター用。 |
| handheld | ハンドヘルドデバイス用。 |
| 印刷プレビューモードのページとドキュメント用。 | |
| braille | 視覚障害者向けの点字触覚フィードバック装置用。 |
| aural | 音声合成用。 |
| all | すべてのデバイスまたは装置用。 |
ブラウザサポート
すべての主要ブラウザは media プロパティをサポートしています。
例
例
次の例では、link 要素で使用されているメディアタイプを取得します：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<link id="link1" rel="stylesheet" type="text/css" media="screen" href="style1.css.html">
<script>
function displayResult(){
var x=document.getElementById("link1").media;
alert(x);
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">リンク要素のメディアタイプを表示</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<link id="link1" rel="stylesheet" type="text/css" media="screen" href="style1.css.html">
<script>
function displayResult(){
var x=document.getElementById("link1").media;
alert(x);
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">リンク要素のメディアタイプを表示</button>
</body>
</html>
試してみる »
Link オブジェクト その他の拡張