Los últimos tutoriales de desarrollo web

×

JavaScript Referencia

Visión de conjunto

JavaScript

JS cadena JS Número JS operadores JS declaraciones JS Mates JS Fecha JS Formación JS Boole JS RegExp JS situación general JS Conversión

Navegador BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementos DOM atributos DOM evento DOM Estilo

HTML Objetos

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

otros objetos

CSSStyleDeclaration

Style clip Property

<Estilo de objeto

Ejemplo

Clip una imagen en una forma especificada:

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

Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades de clip o retornos que parte de un elemento posicionado es visible.

Soporte del navegador

La propiedad de clip es compatible con todos los principales navegadores.

Sintaxis

Devolver la propiedad de clip:

object .style.clip

Establecer la propiedad de clip:

object .style.clip="auto|rect( Valores de propiedad

Valor	Descripción
auto	Defecto. El elemento no recorta
rect(top right bottom left)	Clips la forma definida por las cuatro coordenadas
initial	Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit	Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto:	auto
Valor de retorno:	Una cadena, que representa la parte de un elemento de posicionado que es visible
Versión CSS	CSS2

Más ejemplos

Ejemplo

Devolver la propiedad de clip:

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

Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: Posicionamiento CSS

Referencia CSS: clip property

<Estilo de objeto