CSS-Hintergrundclip-Eigenschaft
Übersetzungsergebnisse:
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-EigenschaftSyntax
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-EigenschaftBeispiel
<!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