最新的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