CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaft大全

CSS color Eigenschaft CSS clear Eigenschaft

CSS clip 属性的使用方法及示例

剪辑一个元素。唯一有效的形状值是: rect(上、右、下、左)。其中，顶部和底部指定来自框的顶部边框边缘的偏移量，而右侧和左侧指定来自框的左侧边框边缘的偏移量。顶部、右侧、底部和左侧可以具有长度值或auto。允许负长度。

Die clip CSS-Eigenschaft definiert den Ausschnitt für Elemente mit absoluter Position. Aber wenn dieoverflowWenn das Attribut clip auf visible gesetzt ist, hat es keine Wirkung.

Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieses Attributes sowie die Verwendungssyntax in JavaScript-Skripten.

Standardwert:	auto
Geeignet für:	Elemente mit absoluter Position
Vererbung:	Nein
Animierbar:	Ja.Anzeigen Sie die Animationseigenschaften.
Version:	CSS 2,3
JavaScript Syntax:	object.style.clip="rect(0px,50px,50px,0px)

Warnung:Verwenden Sie diese Eigenschaft nicht, da CSS3 Die Eigenschaft ist bereits abgekündigt und wird in zukünftigen Versionen entfernt. Obwohl einige Browser möglicherweise immer noch Unterstützung dafür bieten.

clip Syntax der Verwendung

Die Syntax dieses Attributes ist wie folgt:

clip: shape | auto | initial | inherit

Die folgenden Beispiele zeigen, wie die clip-Eigenschaft verwendet wird.

Beispiel

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

Testen Sie es heraus‹/›

Eigenschaftswerte

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Werte	Beschreibung
shape	Ein Element zuschneiden. Der einzige gültige Wert für die Form ist rect(top, right, bottom, left). Dort werden die oberen und unteren Werte als Abstand von der oberen Kante des Rahmens angegeben, während die rechten und linken Werte als Abstand von der linken Kante des Rahmens angegeben werden. Top, Right, Bottom und Left können Längenwerte oder auto haben. Negative Längen sind erlaubt.
auto	Das Element wird nicht zugeschnitten. Dies ist der Standardwert.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der verknüpfte Element die clip-Eigenschaft des Elternelements übernehmen.

Browserkompatibilität

Kompatibilität der clip-Eigenschaft der Browser, die in der folgenden Tabelle aufgeführten Zahlen die niedrigste Versionsnummer der Browser darstellen, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 7+

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS-Position,CSS-Überlauf,CSS-Anzeige.

Zusammenhängende Eigenschaften:position,display,overflow,overflow-x,overflow-y.

CSS color Eigenschaft CSS clear Eigenschaft