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