English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS background-origin 属性指定背景的定位区域，即使用background-image属性指定的图像原点的位置。
下表总结了此属性的用法上下文和版本历史记录。
| 默认值： | padding-box |
|---|---|
| 适用于： | 所有元素。它也适用于::first-letter和::first-line。 |
| 继承： | 没有 |
| 可动画制作： | 否。请参见 动画属性。 |
| 版本： | CSS3的新功能 |
| JavaScript 语法: | object object.style.backgroundOrigin="content-box" |
La sintassi di questa proprietà è la seguente：
La sintassi di questo attributo è la seguente: background-origin: border-box | padding-box | content-box | initial | inherit
Gli esempi seguenti illustrano come utilizzare la proprietà background-origin.
.box {
width: 250px;
height: 150px;
padding: 10px;
border: 6px dashed #333;
background: url("images/sky.jpg") no-repeat;
background-size: contain;
background-origin: content-box;
}Testa per vedere‹/›Nota:Nota: se il valore dell'attributo background-origin viene ignoratobackground-attachmentL'attributo è specificato come fixed.
La tabella seguente descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| border-box | Specificare che la sfondo si estenda oltre i bordi esterni dei bordi. La sfondo viene disegnato sotto i bordi. |
| padding-box | Specificare che la sfondo si estenda oltre i bordi esterni del riempimento. La sfondo non viene disegnato sotto i bordi. Questo è il valore predefinito. |
| content-box | Specificare che la sfondo venga disegnato solo all'interno della scatola del contenuto (tagliato). La sfondo non viene disegnato sotto la scatola dei bordi e dell'riempimento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore calcolato della proprietà background-origin dell'elemento padre. |
Compatibilità dei browser per proprietà background-origin, tutti i browser principali supportano questa proprietà.
|
Si prega di consultare la seguente guida：CSS3 sfondo，CSS3 sfondo。
Proprietà correlate：background，background-attachment，background-color，background-image，background-clip，background-position，background-repeat，background-size。