CSS-Clip-Eigenschaft


  Übersetzungsergebnisse：

clip

Englisch[klɪp] US[klɪp]

n. Clip (aus Kunststoff oder Metall)

vt etwas abschneiden; abschneiden (oder Haare abschneiden);

CSS-Clip-EigenschaftSyntax

Funktion: Clip-Attribut schneidet absolut positionierte Elemente ab. Was passiert, wenn ein Bild größer ist als das Element, das es enthält? Mit dem Attribut „Clip“ können Sie die sichtbaren Abmessungen eines Elements festlegen, sodass es abgeschnitten wird und in dieser Form erscheint.

Beschreibung: Dieses Attribut wird verwendet, um ein Beschneidungsrechteck zu definieren. Bei einem absolut definierten Element ist nur der Inhalt innerhalb des Rechtecks ​​sichtbar. Inhalte außerhalb dieses Beschneidungsbereichs werden entsprechend dem Überlaufwert verarbeitet. Der Beschneidungsbereich kann größer oder kleiner als der Inhaltsbereich des Elements sein.

Hinweis: Alle gängigen Browser unterstützen das Clip-Attribut. Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt.

CSS-Clip-EigenschaftBeispiel

<html>
<head>
<style type="text/css">
img 
{
position:absolute;
clip:rect(0px 50px 200px 0px)
}
</style>
</head>
<body>
<p>clip 属性剪切了一幅图像：</p>
<p><img border="0" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" width="120" height="151"></p>
</body>
</html>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten

einreichen