举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > html image属性 HTML DOM Image vspace 属性

html image属性 HTML DOM Image vspace 属性

2023-05-18 19:31

html image属性 HTML DOM Image vspace 属性

html image属性

HTML image 属性是用来指定图像的属性,它可以让你控制图像的大小、位置、链接等。它也可以用来指定图像的样式,例如边框、阴影等。

<img src="image.jpg" alt="Image" width="200" height="200">

上面这个例子中,src 属性用来指定图像的 URL;alt 属性用来指定图像的文本说明;width 和 height 属性分别用来指定图像的宽度和高度。

HTML image 属性还可以用来让你在不同情况下显示不同的图片(例如在不同尺寸的设备上显示不同大小的图片)。例如:

 
<picture> 
    <source media="(min-width: 650px)" srcset="image-large.jpg"> 
    <source media="(min-width: 465px)" srcset="image-medium.jpg"> 
    <img src="image-small.jpg" alt="Image"> 
</picture> 

上面这个例子中,media 属性用来检测当前访问者使用的设备尺寸;srcset 属性用来指定不同尺寸下要显示的图片 URL。

此外,HTML image 还有一些其他常用属性(如 align、border 等)可以帮助你调整图片在文章中的显示效果。例如:

 
 <img src="image.jpg" alt="Image" align="left" border=“1” hspace=“10” vspace=“10” /> 
 

上面这个例子中,align 属性可以将图片左对齐或者右对齐;border 属性可以为图片加上一个虚线轮廓;hspace 和 vspace 分别表示水平间隔和竖直间隔。

通过使用 HTML image 的相关属性,我们可以很方便地将一张或多张图片加入到 HTML 文章中去。而且通过使用相关 CSS 技术也能够很方便地对 HTML image 进行样式化处理。

HTML DOM Image vspace 属性

Image vspace 属性

Image 对象参考手册 Image 对象

定义和用法

vspace 属性设置或返回图像的顶部和底部的空白。

space 和 vspace 属性可与 align 一同使用,来设置图像与周围文本的距离。

语法

imageObject.vspace=pixels


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 vspace 属性


实例

实例

下面的例子将设置图像的 hspace 和 vspace 属性:

<html>
<head>
<script>
function setSpace()
{
document.getElementById("compman").hspace="50";
document.getElementById("compman").vspace="50";
}
</script>
</head>
<body>

<img id="compman" src="compman.gif" alt="Computerman">
<p>Some text. Some text. Some text. Some text.</p>

<input type="button" onclick="setSpace()" value="Set hspace and vspace">

</body>
</html>



Image 对象参考手册 Image 对象
阅读全文
以上是鳄鱼CMS为你收集整理的html image属性 HTML DOM Image vspace 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们