Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<h2>Príklad s použitím <pre>background-size: cover;</pre></h2> <div class="cover"></div> <h2>Príklad s použitím <pre>background-size: contain;</pre></h2> <div class="contain"></div> <h2>Príklad s použitím <pre>background-size: 100%;</pre></h2> <div class="percent"></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { background-image: url('http://test.abczakazky.cz/img/head11.jpg'); height: 120px; max-width: 100%; min-width: 980px; } .cover { background-size: cover; } .contain { background-size: contain; } .percent { background-size: 100%; } pre { display: inline; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>