Derniers tutoriels de développement web

×

JavaScript Référence

JavaScript

JS chaîne JS Nombre JS opérateurs JS Déclarations JS Les maths JS date JS tableau JS Boolean JS RegExp JS Situation générale JS Conversion

Navigateur BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Éléments DOM Les attributs DOM événement DOM style

HTML Objets

<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>

Autres objets

CSSStyleDeclaration

Style clip Property

Exemple

Découper une image en une forme spécifiée:

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

Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés de clip ou retourne quelle partie d'un élément positionné est visible.

Support du navigateur

La propriété clip est pris en charge dans tous les principaux navigateurs.

Syntaxe

Retourne la propriété du clip:

object .style.clip

Définissez la propriété du clip:

object .style.clip="auto|rect( Valeurs de propriété

Valeur	La description
auto	Défaut. L'élément ne coupe pas
rect(top right bottom left)	Clips la forme définie par les quatre coordonnées
initial	Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit	Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut:	auto
Valeur de retour:	Une chaîne, ce qui représente la partie d'un élément qui est positionné visible
version CSS	CSS2

autres exemples

Exemple

Retourne la propriété du clip:

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

Essayez vous - même »

Pages associées

Tutoriel CSS: positionnement CSS

Référence CSS: clip property