CSS vlastnosti
background-origin
- Zobrazeno: 687
Definice a použití
Vlastnost background-origin určuje výchozí polohu (oblast umístění pozadí) obrázku pozadí.
CSS Syntaxe
background-origin: padding-box | border-box | content-box | initial | inherit
| Hodnoty | Popis |
|---|---|
| padding-box | obrázek na pozadí začíná v levém horním rohu hrany výplně (výchozí hodnota) |
| border-box | obrázek na pozadí začíná v levém horním rohu okraje |
| content-box | obrázek na pozadí začíná v levém horním rohu obsahu |
| initial | nastaví tuto vlastnost zpět na její výchozí hodnotu |
| inherit | zdědí tuto vlastnost od jeho rodičovského elementu |
Ukázka použití
Nastaví dva obrázky pozadí pro element <div>. Obrázek "pozadi.png" začíná od levého horního rohu hrany výplně a nechává obraz pozadí "strom.png" začínat v levém horním rohu obsahu:
CSS:
#pokus1 {
border: 10px double black;
padding: 25px;
background: url(strom.gif), url(pozadi.gif);
background-repeat: no-repeat;
background-origin: content-box, padding-box;
}
Připojení na Twitter
