CSS clip egenskap

Definition och användning

clip-egenskapen klipper absolut positionerade element.

Vad händer när en bilds storlek är större än det element som innehåller den? "clip"-egenskapen låter dig specificera en synlig storlek för ett element, så att detta element klipps och visas i denna form.

Beskrivning

Denna egenskap används för att definiera en klippningsrektangel. För ett absolut definierat element är det endast innehållet inom denna klippningsarea som är synligt. Innehållet utanför denna klippningsarea hanteras enligt värdet på overflow. Klippningsområdet kan vara större eller mindre än elementets innehållsarea.

Se också:

CSS-lärjardom:CSS-positionering

HTML DOM-referenshandboken:clip-egenskapen

Exempel

Klippa bild:

img
  {
  position:absolute;
  clip:rect(0px,60px,200px,0px);
  }

Prova själv

CSS-syntax

clip: auto|form|initial|inherit;

Egenskapsvärde

Värde Beskrivning
form Ställ in elementets form. Den enda giltiga formvärdet är: rect (övre, höger, nedre, vänster)
auto Standardvärde. Inga klippningar tillämpas.
inherit Det definierar att clip-egenskapen bör varavererad från föräldrelementet.

Tekniska detaljer

Standardvärde: auto
Arvsförmåga: nej
Version: CSS2
JavaScript-syntax: object.style.clip="rect(0px,50px,50px,0px)"

Mer exempel

Ställ in elementets form
Detta exempel visar hur du ställer in formen på ett element. Detta element klipps in i formen och visas sedan.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som fullständigt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 7.0