CSS vlastnosti
background-size
- Zobrazeno: 1138
Definice a použití
Vlastnost background-size určuje velikost obrázku na pozadí.
CSS Syntaxe
background-size: auto | length | cover | contain | initial | inherit
| Hodnoty | Popis |
|---|---|
| auto | výchozí hodnota, obrázek na pozadí má svoji výšku a šířku |
| velikost | nastaví šířku a výšku obrázku na pozadí, první hodnota nastaví šířku, druhá hodnota nastaví výšku, je-li uvedena pouze jedna hodnota, druhá je nastavena na "auto" |
| percentage | nastaví šířku a výšku obrázku na pozadí v procentech rodičovského HTML elementu, první hodnota nastaví šířku, druhá hodnota nastaví výšku, je-li uvedena pouze jedna hodnota, druhá je nastavena na "auto" |
| cover | rozměr obrázku na pozadí je tak velký, jak je to možné, takže pozadí je zcela vyplněno obrázkem |
| contain | rozměr obrázku je nastaven na největší velikost tak, aby se jeho šířka i výška vešla dovnitř oblasti 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í
CSS:
div {
background: url('cesta-obrazku.jpg');
background-size: 100px 90px;
background-repeat: no-repeat;
}
Připojení na Twitter
