CSS vlastnosti
background-origin
- Zobrazeno: 758
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; }