JavaScript入門講座

Home > imageオブジェクト > hspaceプロパティ

hspaceプロパティ

imageオブジェクトのhspaceプロパティはイメージファイルの横間隔を返します。

書式document.images[index番号].hspace
document.イメージファイル名.hspace
対応Internet ExplorerFireFoxChromeSafariOpera
イメージファイルの横間隔
使用例イメージファイルの横間隔を表示する。

<html>
<head>
<title>JavaScript image hspace</title>
<script type="text/javascript">
function dispImgHspace(){
    for(var i=0 ; i < document.images.length ; i++){
        alert('イメージファイルの横間隔:' + document.images[i].hspace);
    }
}
</script>
</head>
<body>
<img src="imgFile1.jpg" name="file1" alt="イメージファイル1"
 width="50px" height="50px" lowsrc="imglowFile1.jpg"
 border="2" hspace="10" hspace="15">
<img src="imgFile2.jpg" name="file2" alt="イメージファイル2"
 width="100px" height="100px" lowsrc="imglowFile2.jpg"
 border="3" hspace="20" hspace="25">
<img src="imgFile3.jpg" name="file3" alt="イメージファイル3"
 width="200px" height="200px" lowsrc="imglowFile3.jpg"
 border="4" hspace="30" hspace="35">
<form name="fm">
イメージファイルの横間隔を表示する
<input type="button" value="確認" onclick="dispImgHspace()">
</form>
</body>
</html>
						
関連メンバ
heightイメージの高さ
width画像の幅
vspace画像の縦間隔