Hintergrund

英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]

n. (von Gemälden usw.) Hintergrund; Hintergrundfarbe; Hintergrundinformationen; Soundtrack

Clip

英[kl ɪp ] 美[ klɪp]

n. Clip aufschneiden; abschneiden; schneiden (oder Haare)...

vi ausschneiden; Zeitungsartikel (oder Nachrichten, Bilder usw.) ausschneiden; Plural: Clips Partizip Präsens: Clipping Past Formel: Clipped Partizip Perfekt: Clipped Clipt

CSS-Hintergrundclip-Eigenschaft Syntax

Wie verwende ich das Attribut „Hintergrundclip“?

Das Attribut „background-clip“ gibt den Bereich an, in dem sich der Hintergrund des Elements befindet. Syntax: Hintergrundclip: Border-Box|Padding-Box|Content-Box; darunter Border-Box (Bereich innerhalb des Rahmens), Padding-Box (Bereich innerhalb des Padding-Bereichs), Content-Box (Bereich innerhalb des Inhalts). Bereich) .

Funktion: Gibt den Zeichenbereich des Hintergrunds an.

Syntax: background-clip: border-box|padding-box|content-box;

Beschreibung: border-box Der Hintergrund wird auf das Rahmenfeld zugeschnitten. padding-box Der Hintergrund wird auf die padding-box zugeschnitten. content-box Der Hintergrund wird auf die Inhaltsbox zugeschnitten.

Hinweis: Internet Explorer 8 und frühere Versionen unterstützen die Eigenschaft „Hintergrundclip“ nicht.

CSS-Hintergrundclip-Eigenschaft Beispiel

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:300px;
height:300px;
padding:50px;
background-color:yellow;
background-clip:content-box;
border:2px solid #92b901;
}
</style>
</head>
<body>

<div>
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>

</body>
</html>

Instanz ausführen »

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