Pouze tento týden sleva až 80 % na e-learning týkající se C# .NET. Zároveň využij akci až 30 % zdarma při nákupu e-learningu - Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Backgrounds (pozadí) - Český CSS3 manuál

Pro pozadí nám CSS3 přináší několik nových vlastností.

CSS3 Velikost obrázku na pozadí (background-size)

Příkladné použití převzorkování obrázku na velikost použitého divu.

div
{
        background:url(muj_obrazek.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
}

CSS3 background-origin

Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

Určuje polohu obrázku.

Příkladné použití na divu. Umístění obrázku do polohy obsahu.

div
{
        background: url(muj_obrazek.png);
        -webkit-background-origin: content-box;
        background-origin: content-box;
}

Zde jsou znázorněny polohy obrázku pro lepší pochopení:

CSS3 Více obrázků na pozadí

Pomocí CSS3 můžeme na pozadí vložit více obrázků najednou.

body
{
        background-image: url(muj_obrazek1.png), url(muj_obrazek2.png);
}

CSS3 Vlastnost background-clip

Pomocí této vlastnosti můžeme vybrat, kde se pozadí bude vykreslovat.

Příkladné použití pro div:

div
{
        background-color: skyblue;
        background-clip: content-box;
}

 

Všechny články v sekci
Pozadí - CSS vlastnosti
Článek pro vás napsal David Jančík
Avatar
Autor je vášnivý programátor. Nezná slovo "nelze", nebojí se zkoušet nepoznané a pronikat do nových technologií.
Aktivity

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!