最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style clip Property

例

剪辑图像划分成指定的形状：

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

定义和用法

剪辑属性设置或返回其中定位元件的一部分是可见的。

浏览器支持

剪辑属性在所有主流浏览器的支持。

句法

返回clip属性：

object .style.clip

设置剪辑属性：

object .style.clip="auto|rect( 属性值

值	描述
auto	默认。元素不夹
rect(top right bottom left)	剪辑由四个坐标定义的形状
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	汽车
返回值：	一个字符串，表示定位的元素的一部分是可见
CSS版本	CSS2

更多示例

例

返回clip属性：

alert(document.getElementById("myImg").style.clip);

相关页面

CSS教程： CSS定位

CSS参考： clip property