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