Mozilla: Hintergrundausschnitt: `-moz-background-clip`

Beispiel

Nach CSS 2.1 werden die Bereiche des Inhalt und Innenabstand mit evtl. angegebenen Hintergrundbildern oder -farben gefüllt. Mit -moz-background-clip kannst du festlegen, ob Hintergründe auch bis unter den Rahmen reichen und so z.B. bei gestrichelten oder gepunkteten Stilen in den Lücke zusehen sind.
-moz-background-clip entspricht der CSS3-Eigenschaft background-clip.

<style type="text/css">
div{
 height:150px;
 margin:50px;
 padding:10px;
 width:300px;
 background-color:#fff;
 border:20px solid #efefef
 background-repeat:no-repeat;
 background-position:0px 0px
 background-image: url(../images/mozbigwh.gif);
}
</style>
...

<body>
<div style="-moz-background-clip:content;">
-moz-background-clip:content;
</div>

Initialwert:	padding
Vererbbar:	Nein
Anwendbar auf:	Alle Elemente
Medium:	Visual
Werte:	border Hintergründe füllen die Bereiche Inhalt, padding und border aus. Siehe auch den Workshop Boxmodell padding Hintergründe füllen die Bereiche Inhalt und padding aus.

Diese Eigenschaft gehört nicht zum offiziellen Standard des W3C, sondern ist in Anlehnung an die kommenden CSS-3-Eigenschaften von den Mozilla-Entwicklern eingeführt worden. Du kannst sie jederzeit einsetzen, musst aber damit rechnen, dass sie durch die CSS-3-Eigenschaften ausgetauscht werden, sobald diese offiziell verabschiedet sind.