html5 hr代码缩减比例,HTML HR size用法及代码示例

DOM HR size属性用于设置或返回


元素的size属性的vlue。

用法:

它返回HR大小属性。hrobject.size

用于设置HR大小属性。hrobject.size="value"

属性值:

value:它包含指定HR元素高度的像素值。

返回值:它返回一个字符串值,该值代表HR元素的高度。

范例1:本示例返回HR大小属性。

HTML DOM HR size property

GeeksForGeeks

DOM HR size Property

There is a horizontal rule

below this paragraph.


width="240px" color="red">

This is a horizontal rule

above this paragraph.

Try it

function myGeeks() {

// Accessing 'hr' tag.

var x = document.getElementById("GFG").size;

document.getElementById("sudo").innerHTML = x;

}

在单击按钮之前:

abe0b14816bfd33097811da1af008076.png

单击按钮后:

0cb995058ca5d0518691c1518d446c6d.png

范例2:本示例设置HR大小属性。

HTML DOM HR size property

GeeksForGeeks

DOM HR size Property

There is a horizontal rule

below this paragraph.


width="240px" color="red">

This is a horizontal rule

above this paragraph.

Try it

function myGeeks() {

// Accessing 'hr' tag.

var x =

document.getElementById("GFG").size = "5";

document.getElementById("sudo").innerHTML

= "The value of the size Attribute "

+ "was changed to " + x;

}

在单击按钮之前:

abe0b14816bfd33097811da1af008076.png

单击按钮后:

78d9457e892867a56e9a6fa0732b97ef.png

支持的浏览器:下面列出了DOM HR size属性支持的浏览器:

谷歌浏览器

IE浏览器

Firefox

Safari

Opera

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值