CSS Reference Manual

CSS @rules (RULES)

CSS Attributes Encyclopedia

Proprietà background-color CSS Proprietà background-attachment CSS

CSS3 background-clip property usage and examples

The CSS background-clip property specifies whether the element's background (color or image) extends below its border.

The following table summarizes the usage context and version history of this property.

Default value:	border-box
Applies to:	All elements. It also applies to::first-lettere::first-line.
Inheritance:	None
Animable:	No.Si prega di consultare Attributi animazione.
Versione:	Nuova funzionalità di CSS3
Sintassi JavaScript:	object　　　object.style.backgroundClip="content-box"

Sintassi dell'uso di background-clip

La sintassi di questa proprietà è la seguente:

background-clip:　border-box　|　padding-box　|　content-box　|　initial　|　inherit

Gli esempi seguenti illustrano come utilizzare l'attributo background-clip.

Esempio

.box　{
　　　　width:　250px;
　　　　height:　150px;
　　　　padding:　10px;
　　　　border:　6px　dashed　#333;
　　　　background:　orange;
　　　　background-clip:　content-box;
}

Testa per vedere‹/›

Valore dell'attributo

La tabella seguente descrive i valori di questa proprietà.

Valore	Descrizione
border-box	Specificare che la background si estenda oltre i bordi esterni. La background viene disegnata sotto i bordi. Questo è il valore predefinito.
padding-box	Specificare che la background si estenda oltre i bordi esterni del riempimento. La background non viene disegnata sotto i bordi.
content-box	Specificare che la background venga disegnata solo all'interno della scatola del contenuto (tagliata). La background non viene disegnata sotto la scatola dei bordi e dell'area di riempimento.
initial	Imposta questa proprietà al suo valore predefinito.
inherit	Se specificato, l'elemento correlato adotta il valore calcolato dell'attributo background-clip del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser per l'attributo background-clip, tutti i browser mainstream supportano questa proprietà.

	Firefox 4+ Google Chrome 4+ Internet Explorer 9+ Apple Safari 3+ Opera 10.5+

Leggi di più

Si prega di consultare la seguente guida:CSS3 sfondo,CSS3 sfondo.

Proprietà correlate:background,background-attachment,background-color,background-image,background-origin,background-position,background-repeat,background-size.

Proprietà background-color CSS Proprietà background-attachment CSS