五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > JavaScript 教程 > HTML DOM clip 屬性

HTML DOM clip 屬性

此節(jié)有 141 人學(xué)習(xí)過     參與評(píng)論

定義和用法

clip 屬性設(shè)置元素的形狀。

當(dāng)圖像大于它所在的元素時(shí)會(huì)發(fā)生什么？"clip" 屬性允許你規(guī)定元素的可見尺寸，以及元素被裁剪和顯示的形狀。

語法：

Object.style.clip=rect(top,right,bottom,left)|auto

可能的值

值 描述
rect(top,right,bottom,left) 設(shè)置元素的形狀。
auto 瀏覽器設(shè)置元素的形狀。

提示和注釋

注釋：該屬性不能用于 "overflow" 設(shè)置為 "visible" 的元素。

實(shí)例

本例把圖像裁剪為指定的形狀：

<html>
<head>
<style type="text/css">
img
{
position:absolute;
top:100px;
}
</style>
<script type="text/javascript">
function clipImage()
{
document.getElementById("img1").style.clip="rect(0px,50px,50px,0px)";
}
</script>
</head>
<body>

<img id="img1" border="0" src="logocss.gif" width="95" height="84" />

<input type="button" onclick=clipImage() value="Clip image" />

</body>
</html>

如對(duì)本文有疑問，請(qǐng)?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答！！ 點(diǎn)擊進(jìn)入論壇

發(fā)表評(píng)論 (141人查看，0條評(píng)論)
請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī)，嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱：
最新評(píng)論
------分隔線----------------------------
JavaScript 教程目錄

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間：9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)