Beispiel
Clip ein Bild:
img
{
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Versuch es selber " Definition und Verwendung
Was passiert, wenn ein Bild größer als sein enthaltende Element ist? - Der Clip Eigenschaft können Sie ein Rechteck geben Sie eine absolut positionierte Element zu befestigen. Das Rechteck wird als vier Koordinaten angegeben, die alle von der oberen linken Ecke des Elements befestigt werden.
Note: Der Clip - Eigenschaft funktioniert nicht, wenn "overflow:visible" .
| Standardwert: | auto |
|---|---|
| Vererbt: | no |
| Anima: | yes. Read about animatable Try it |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.clip="rect(0px,50px,50px,0px)" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
CSS-Syntax
clip: auto|shape|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| auto | Kein Clipping wird angewendet. Dies ist die Standardeinstellung | Spiel es " |
| shape | Clips ein Element. Der einzige gültige Wert ist: rect ( top, right, bottom, left ) | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS - Positionierung
HTML - DOM - Referenz: clip property - clip property