-
HTML DOM MouseEvent relatedTarget
HTML DOM MouseEvent relatedTargetプロパティは、それぞれのマウスオーバーまたはマウスアウトイベントをトリガーした対応する要素を返します。 以下は構文です- relatedTargetへの参照を返す オブジェクト MouseEventObject.relatedTarget MouseEvent relatedTargetの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent relatedTarget</title>
-
HTML DOMMouseEventscreenXプロパティ
HTML DOM MouseEvent screenXプロパティは、マウスイベントがトリガーされた場合に、ユーザーの画面表示を基準にしたマウスポインターの水平(x)座標を返します。 screenYとともに使用して、垂直座標も取得します。 以下は構文です- screenXオブジェクトへの参照を返す MouseEventObject.screenX MouseEvent screenXの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent screenX<
-
HTML DOMMouseEventscreenYプロパティ
HTML DOM MouseEvent screenYプロパティは、マウスイベントがトリガーされた場合に、ユーザーの画面表示を基準にしたマウスポインターの垂直(y)座標を返します。 screenYとともに使用して、水平座標も取得します。 以下は構文です- screenYへの参照を返す オブジェクト MouseEventObject.screenY MouseEvent screenYの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent screenY<
-
HTMLDOMMouseEventオブジェクト
HTML DOM MouseEventオブジェクトは、マウスとHTMLドキュメント要素との相互作用で発生するイベントを表します。 ここでは、「 MouseEvent 」は次のプロパティとメソッドを持つことができます- プロパティ/メソッド 説明 altKey マウスイベントがトリガーされたときにキーボードの「ALT」キーが押されたかどうかを返します ボタン マウスイベントがトリガーされたときに押されたマウスボタンに対応する数値を返します ボタン マウスイベントがトリガーされたときに押されたマウスボタンを返します clientX
-
HTMLDOM名プロパティ
HTML DOM nameプロパティは、要素の属性の名前に対応する文字列を返します。 以下は構文です- 文字列値を返す elementAttribute.name HTMLDOM名の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>HTML DOM name</title> <style> * { padding: 2px; margin:5px; &
-
HTMLDOMスタイル左プロパティ
HTML DOM Style leftプロパティは、配置された要素の左位置を設定または返すために使用されます。要素を配置するには、その位置プロパティを相対、絶対、または固定に設定する必要があります。 以下は、-の構文です。 左側のプロパティの設定- object.style.left = "auto|length|%|initial|inherit" 上記の特性は次のように説明されます- 値 説明 auto これはデフォルトの位置であり、ブラウザを左の位置に設定します。 長さ これは、左の位置を長さの単位で定義するためのものです。
-
HTMLDOMスタイルのletterSpacingプロパティ
HTML DOMスタイルのletterSpacingプロパティは、テキスト間の文字スペースを設定または取得するために使用されます。 以下は、-の構文です。 letterSpacingプロパティの設定- object.style.letterSpacing = "normal|length|initial|inherit" 上記の特性は次のように説明されます- 値 説明 通常 これはデフォルトのプロパティであり、文字スペースを通常に設定します。 length 文字スペースを長さの単位および負の値で指定することもできます。 初
-
HTMLDOMスタイルのlistStyleプロパティ
HTML DOMスタイルのlistStyleプロパティは、list-style-type、list-style-position、list-style-imageという名前の3つのプロパティを設定または返すために使用されます。 以下は、-の構文です。 listStyleプロパティの設定- object.style.listStyle = "type position image|initial|inherit" 上記の特性は次のように説明されます- パラメータ 説明 タイプ リストアイテムマーカータイプを定義します。 位置 リストア
-
HTMLDOMスタイルlistStyleImageプロパティ
HTML DOMスタイルのlistStyleImageプロパティは、画像をリストアイテムマーカーとして設定または返すために使用されます。 以下は、-の構文です。 listStyleImageプロパティの設定- object.style.listStyleImage = "none|url|initial|inherit" 上記の特性は次のように説明されます- 値 説明 なし これはデフォルト値であり、画像は表示されません。 url 画像パスを指定します。 初期 このプロパティを初期値に設定します。 継承 親
-
HTMLDOMスタイルlistStylePositionプロパティ
HTML DOMスタイルのlistStylePositionプロパティは、リストアイテムマーカーの位置を設定または返すために使用されます。 以下は、-の構文です。 listStylePositionプロパティの設定- object.style.listStylePosition = "outside|inside|initial|inherit" 上記の特性は次のように説明されます- 値 説明 外部 これはデフォルト値であり、テキストの前にリストアイテムマーカーを配置します。 内部 これにより、リストアイテムマーカーが少し内側にイン
-
HTMLDOMスタイルlistStyleTypeプロパティ
HTML DOMスタイルのlistStyletypeプロパティは、リストアイテムマーカータイプを設定または返すために使用されます。 以下は、-の構文です。 listStyleTypeプロパティの設定- object.style.listStyleType = value listStyleTypeプロパティ値の一部は-です。 値 説明 アルメニア語 マーカーを従来のアルメニア数字に設定します。 円 サークルマーカー。 cjk-表意文字 表意文字の数字をマーカーとして設定します。 10進数 これはマーカー番号を設定し、デフォルト値
-
HTMLDOMメーターオブジェクト
HTMLのHTMLDOMMeterオブジェクトは、要素を表します。 注: は使用しないでください プログレスバーとして、ただしゲージとしてのみ。 以下は構文です- を作成する 要素 var meterObject = document.createElement(“METER”) ここで、「meterObject」は次のプロパティを持つことができます- プロパティ 説明 高 ゲージのhigh属性の値を設定/返します ラベル ゲージのラベルである要素のリストを返します 低 ゲージのlow属性の値を設定/返します
-
HTMLDOMメーターの最適なプロパティ
HTML DOM Meterのoptimalプロパティは、要素のoptimal属性に対応する数値を返す/設定します。より良い結果を得るには、これを高、低、最小、最大の属性で使用してください。 注:メータープログレスバーとして、ただしゲージとしてのみ。 構文は次のとおりです。 最適の戻り値 プロパティ meterElementObject.optimum 最適の値 プロパティセット meterElementObject.optimum = number メーター最適の例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <he
-
HTMLDOMメーター値プロパティ
HTML DOM Meter valueプロパティは、要素のvalue属性に対応する数値を返す/設定します。より良い結果を得るには、これを高、低、最小、最大の属性で使用してください。 注:メータープログレスバーとして、ただしゲージとしてのみ。 以下は構文です- 値の戻り値 プロパティ meterElementObject.value 値プロパティセットの値 meterElementObject.value = number メーター値の例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <titl
-
HTML DOMMouseEventclientXプロパティ
HTML DOM MouseEvent clientXプロパティは、マウスイベントがトリガーされた場合、マウスポインターの水平(x)座標を返します。 clientYとともに使用して、垂直座標も取得します。 以下は構文です- clientXへの参照を返す オブジェクト MouseEventObject.clientX MouseEvent clientXの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent clientX</title> <
-
HTMLDOMスタイルのフォントプロパティ
HTML DOM Style fontプロパティは、font-style、font-variant、font-weight、font-size、line-height、およびfont-familyという名前の6つのプロパティを設定または取得するために使用されます。フォントサイズとフォントファミリは必須の属性値であり、他のすべての欠落している値のデフォルトを設定できます。 フォントプロパティを返すための構文は次のとおりです- object.style.font フォントプロパティの設定- 値 説明 スタイル フォントスタイルの設定。 バリアント スモール
-
HTMLDOMスタイルのfontFamilyプロパティ
HTML DOMスタイルのfont-familyプロパティは、選択した要素の特定のフォントリストを設定または返すために使用されます。 Webセーフフォントを使用し、追加のフォントを指定することをお勧めします。 以下は、-の構文です。 fontFamilyプロパティの設定- object.style.fontFamily = "font1, font2, etc.|initial|inherit" ここで、font1、font2はコンマ区切りのフォントリストです。最初のフォントを適用できない場合は、2番目のフォントが適用されます。 Initialはプロパティ値をデフォル
-
HTMLDOMスタイルのfontSizeプロパティ
HTML DOMスタイルのfontSizeプロパティは、フォントのサイズを設定または返すために使用されます。 以下は、-の構文です。 fontSizeプロパティの設定- object.style.fontSize = "value|initial|inherit" 上記の特性は次のように説明されます- 値 説明 xx-small x-小さい 小さい 中くらい 大きい ×ラージ xx-大 フロントサイズをxx-smallからxx-largeの範囲の値のいずれかから設定します。 小さい テキストのフォントサイズを相対単位で
-
HTMLDOMスタイルのfontSizeAdjustプロパティ
HTML DOMスタイルのfontSizeAdjustプロパティは、小文字のxと大文字のXの高さに基づいてフォントのサイズを設定するために使用されます。fontSizeプロパティよりもフォントサイズをより細かく制御できます。 注:このプロパティは、MozillaFirefoxでのみサポートされています。 以下は、-の構文です。 fontSizeAdjustプロパティの設定- object.style.fontSizeAdjust = "none|number|initial|inherit" 上記の特性は次のように説明されます- 値 説明 なし
-
HTMLDOMスタイルのfontStyleプロパティ
HTML DOMスタイルのfontStyleプロパティは、テキストのフォントスタイルを設定または返すために使用されます。要素のテキストの通常、斜体、または斜体のスタイルを指定するために使用されます。 以下は、-の構文です。 fontStyleプロパティの設定- object.style.fontStyle = "normal|italic|oblique|initial|inherit" fontStyleプロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <head> <style> &