最新の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)";

»それを自分で試してみてください

定義と使用法

位置決め要素の一部が表示されているクリッププロパティセットまたは戻ります。

ブラウザのサポート

クリッププロパティは、すべての主要なブラウザでサポートされています。

構文

クリッププロパティを返します：

object .style.clip

クリッププロパティを設定します。

object .style.clip="auto|rect( プロパティ値

値	説明
auto	デフォルト。要素がクリップしません
rect(top right bottom left)	クリップ4つの座標によって定義される形状
initial	このプロパティがデフォルト値に設定します。最初の記事を読みます
inherit	その親要素からこのプロパティを継承します。継承についての記事を読みます

技術的な詳細

デフォルト値：	オート
戻り値：	表示されている位置決め要素の一部を表す文字列、
CSSのバージョン	CSS2

その他の例

例

クリッププロパティを返します：

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

»それを自分で試してみてください

関連ページ

CSSチュートリアル： CSSのポジショニング

CSSリファレンス： clip property

<スタイルオブジェクト